.href_all_gallery {
text-align: right;
padding-right: 10px;
padding-bottom:5px;
font-size:12px;
}
.href_all_gallery a {
text-decoration: none;
}
.bottom_gallery {
width:695px;
//border: 1px solid rgba(0, 0, 0, 0.05);
//border-radius: 4px;
//background: #F0F0F0;
//max-height:168px;
}
.bottom_gallery_name {
background: #F0F0F0;
border-bottom: 1px solid #FFF;
padding: 5px 5px 5px 10px;
}
.bottom_gallery_photolist {
background: #FFFFFF;
padding-left: 17px;
padding-top: 10px;
padding-bottom:5px;
margin: 10px;
border-radius: 4px;
overflow: hidden;
}
.bottom_gallery_img {
padding-right: 15px;
border: 1px solid #DBDBDB;
cursor: pointer;
}

.gallery_main_block {
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
background: #F0F0F0;
max-width: 695px;
}

#bg_img_title {
	color:black;
	padding 5px;
	text-align: center;
}

#screenshot {
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}
.bg_close_fullsize {
	cursor: pointer;
	width: 14px;
	height: 21px;
	position: absolute;
	top: 15px;
	right: 40px;
	display: block;
}
.bg_btn_next {
	cursor: pointer;
	width: 14px;
	height: 27px;
	position: absolute;
	top: 250px;
	right: 40px;
	display: block;
	background: url("/addons/shared_addons/themes/sarkomobr_v1_1/img/gallery/right_arrow.gif") no-repeat;
}
.bg_btn_back {
	cursor: pointer;
	width: 14px;
	height: 27px;
	position: absolute;
	top: 250px;
	right: 580px;
	display: block;
	background: url("/addons/shared_addons/themes/sarkomobr_v1_1/img/gallery/left_arrow.gif") no-repeat;
}
.g_back {
	cursor: pointer;
	width: 14px;
	height: 27px;
	position: absolute;
	display: block;
	margin-left:-15px;
	margin-top:25px;
	background: url("/addons/shared_addons/themes/sarkomobr_v1_1/img/gallery/left_arrow.gif") no-repeat;
}
.g_back:hover, .bg_btn_back:hover {
	background: url("/addons/shared_addons/themes/sarkomobr_v1_1/img/gallery/left_arrow_hover.gif") no-repeat;
}
.g_next:hover, .bg_btn_next:hover {
	background: url("/addons/shared_addons/themes/sarkomobr_v1_1/img/gallery/right_arrow_hover.gif") no-repeat;
}
.g_next {
	cursor: pointer;
	width: 14px;
	height: 27px;
	position: absolute;
	display: block;
	margin-left:640px;
	margin-top:25px;
	background: url("/addons/shared_addons/themes/sarkomobr_v1_1/img/gallery/right_arrow.gif") no-repeat;
}
#bg_fullsize {
width: 610px; 
	min-height: 505px; /* Размеры должны быть фиксированы */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -300px;
	margin-left: -350px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 5; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
}

/* Подложка */
#overlay {
	z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}