.vl_popup .overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:auto;
	background-color:#000;
}

.vl_popup .lightbox{
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	color:#151410;
	line-height:0;
}

.vl_popup .preview {        
    width: 100%;
    height: 71px;    
    z-index: 100; 
    margin-top: 12px;   
    margin-bottom: 12px;   
    
}

.vl_popup .list-wrap {
    margin: 0 auto;
    width: 588px;
    position:relative; 
    height: 71px;
    overflow: hidden;
    /*position: absolute; 
    left: 50%;
    margin-left: -294px;*/
}

.vl_popup .prevSmall {
    display: block;
    float:left;
    width: 23px;
    height: 71px;
    
    background: url(../images/prevSmall.png) center center no-repeat;
    opacity: 0.4;
    /*filter: alpha(opacity=40);*/
}

.vl_popup .prevSmall:hover {
    opacity: 1;
    /*filter: alpha(opacity=100);*/
}

.vl_popup .nextSmall {
    display: block;
    float:right;
    width: 23px;
    height: 71px;
    
    background: url(../images/nextSmall.png) center center no-repeat;
    opacity: 0.4;
    /*filter: alpha(opacity=40);*/
}

.vl_popup .nextSmall:hover {
    opacity: 1;
    /*filter: alpha(opacity=100);*/
}

.vl_popup .list_w {
    margin:0 29px 0 29px;    
    height: 71px;            
    overflow:hidden;
    position:relative;    
    
}


.vl_popup .list {    
    width: 530px;         
    position:relative;    
    left: 0;
    
}

.vl_popup .list a{
    float: left;
    margin-right: 4px;
    position: relative;
    display: block;
    width: 102px;
    height: 71px;
    background: #000;
}

.vl_popup .list a:hover img{
    opacity: 1;
    filter: alpha(opacity=100);
}


.vl_popup .list .current {
    z-index: 1000;    
    opacity: 1;
    filter: alpha(opacity=100);
}

.vl_popup .list .current img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.vl_popup .list a img {
    cursor: pointer; 
    width: 100px;
    height: 69px;
    border: 1px solid #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.vl_popup .lightbox a, .vl_popup .lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

.vl_popup .lightbox a img{}

.vl_popup .outerImageContainer{
	width:auto;
	height:auto; /* without this line error in IE8 detected */
	margin:0 auto;
	position:relative;
    
}

.vl_popup .lightboxImage{
	margin: auto;
    width: auto;
    height: auto;
}

.vl_popup .imageContainer{
	width:10px;
	height:10px;
	margin:0 auto;
	overflow:hidden;
	background-color:#383838;
	position:relative;
	font-size:0;/* ie fix - big info bar*/    
}

.vl_popup .loading{
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	font-size:10px;
	z-index:1;
}
.vl_popup .loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url(../images/loading.gif) center center no-repeat;
	text-indent:-9999px;
}
.vl_popup .hoverNav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
/*КНОПКА ЗАКРЫТИЯ custom*/

.vl_popup .close {
    height: 20%;
}

.vl_popup .closeLink {
    float:right;
    display:block; outline-style:none; margin:0; padding:0; text-decoration:none; 
    width:30px;
    height:29px;
    background:url(../images/close.png) no-repeat;   
    margin-top: 2%;
    margin-right: 1.6%; 
}



.vl_popup .imageContainer>.vl_popup .hoverNav{ left:0;}
.vl_popup .hoverNav a{ outline:none;}

.vl_popup .prevLinkImg, .vl_popup .nextLinkImg{
	width:49%;
	height:80%;
	background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display:block;
	text-indent:-9999px;
	}
.vl_popup .prevLinkImg { left:0; float:left; background:url(../images/prev2.png) 5% 36% no-repeat; opacity: 0.31; /*filter: alpha(opacity=31);*/}
.vl_popup .nextLinkImg { right:0; float:right; background:url(../images/next2.png) 97% 36% no-repeat; opacity: 0.31; /*filter: alpha(opacity=31);*/}
.vl_popup .prevLinkImg:hover, .vl_popup .prevLinkImg:visited:hover { 
	 opacity: 1;
     /*filter: alpha(opacity=100);*/
	_background-image:url(../images/prev_ie6.gif)
}
.vl_popup .nextLinkImg:hover, .vl_popup .nextLinkImg:visited:hover { 
	 opacity: 1;
     /*filter: alpha(opacity=100);*/
	_background-image:url(../images/next_ie6.gif)
}


.vl_popup .imageDataContainer{
	font:10px Verdana, Helvetica, sans-serif;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	background-color:#fff;
	width:100%;
}

.vl_popup .imageData{
	overflow:hidden;
	width:100%;
	display:none;
}
.vl_popup .imageDetails{ width:70%; float:left; text-align:left; 	padding:10px 10px 0 0;}
.vl_popup .caption{ font-weight:bold; display:block;}
.vl_popup .numberDisplay{ display:block; float:left; padding:3px 10px 0 0;}
.vl_popup .detailsNav{display:block; float:left;   padding:0; }	
.vl_popup .prevLinkDetails, .vl_popup .nextLinkDetails, .vl_popup .slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}
.vl_popup .prevLinkDetails {display:none; margin:3px; margin-top:0px; width:24px;height:24px; background:url(../images/prevlabel.gif) left center;}
.vl_popup .nextLinkDetails {display:none; margin:3px; margin-top:0px; width:24px;height:24px; background:url(../images/nextlabel.gif) right center;}

.vl_popup .slideShowControl.started{
	background-image:url(../images/pause.gif);
}

.vl_popup .slideShowControl{
	display:block;
	width:24px; 
	height:24px; 
	float:left;
	background:url(../images/start.gif);
	background-position:center center;
	background-repeat:no-repeat;
	}

/*.vl_popup .close{
	padding:20px 0 0;
	float:right;
}*/


		
	

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}

* html .clearfix {
	/* Hides from IE-mac \*/
	height:1%;
	/* End hide from IE-mac */
}	
	

.vl_popup .outerImageFrame{
	border:solid 1px red;
	height:100%;
	width:100%;
	position:absolute;
}


.vl_popup .outerImageContainer{
	overflow:visible;
}
.vl_popup .outerImageContainer td{
	text-align:center;
	padding:0;
}

.vl_popup .lightboxFrameBody{
	background-color:#000;
	/*border:solid 1px #000;  hack for opera table small cell width */
}

.vl_popup .outerImageContainer td{
	font-size:0;
}
/* frame style */
.vl_popup .outerImageContainer td.tl, .vl_popup .outerImageContainer td.br{
	/*height:38px;
	width:38px;*/
}

.vl_popup .outerImageContainer td.tl{
    width: 14px;
    height: 14px;
    background: url('/inc/img/gallery_bg.png') repeat;
	/*_background-image:url(../images/borderTopLeft.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopLeft.png', sizingMethod='scale');*/
}
.vl_popup .outerImageContainer td.tc{    
    height: 14px;
    background: url('/inc/img/gallery_bg.png') repeat;
	/*_background-image:url(../images/borderTopCenter.png);
	background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopCenter.png', sizingMethod='scale');*/
}
.vl_popup .outerImageContainer td.tr{
    width: 14px;
    height: 14px;
    background: url('/inc/img/gallery_bg.png') repeat;
	/*_background-image:url(../images/borderTopRight.png);
	background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopRight.png', sizingMethod='scale');*/
}
.vl_popup .outerImageContainer td.ml{
    width: 14px;    
    background: url('/inc/img/gallery_bg.png') repeat;
	/*_background-image:url(../images/borderMiddleLeft.png);
	background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleLeft.png', sizingMethod='scale');*/
}
.vl_popup .outerImageContainer td.mr{
    width: 14px;    
    background: url('/inc/img/gallery_bg.png') repeat;
	/*_background-image:url(../images/borderMiddleRight.png);
	background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleRight.png', sizingMethod='scale');*/
}
.vl_popup .outerImageContainer td.bl{
    background: url('/inc/img/gallery_bg.png') repeat;\
    width: 14px;
    height: 14px;
	/*_background-image:url(../images/borderBottomLeft.png);
	background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomLeft.png', sizingMethod='scale');*/
}
.vl_popup .outerImageContainer td.bc{
    background: url('/inc/img/gallery_bg.png') repeat;
	/*_background-image:url(../images/borderBottomCenter.png);
	background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomCenter.png', sizingMethod='scale');*/
}
.vl_popup .outerImageContainer td.br{
    background: url('/inc/img/gallery_bg.png') repeat;
	/*_background-image:url(../images/borderBottomRight.png);
	background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomRight.png', sizingMethod='scale');*/
}