/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;background-color: transparent;border: none;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background: black;opacity:0.5 !important;}

#cboxClose>span,#cboxNext>span,#cboxPrevious>span{display: inline-block; vertical-align: middle; width: 11px; height: 9px;}

#colorBox{}
/*    #cboxTopLeft{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(/images/colorbox/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(/images/colorbox/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(/images/colorbox/border2.png) repeat-y 0 0; padding-top: 30px; padding-bottom: 10px;}
    #cboxMiddleRight{width:25px; background:url(/images/colorbox/border2.png) repeat-y -25px 0; padding-top: 30px; padding-bottom: 10px;}*/
    #cboxContent{background:#fff; padding-top: 30px; padding-bottom: 10px;padding:30px;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:20px; right: 10px; padding-right: 5px; color:#999; font-size: 14px;}
	#cboxCurrent>span{color: #333; font-size: 14px;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:20px; right:52%; color:#333; font-size: 14px;}
        #cboxNext{position:absolute; bottom:20px; left:52%; color:#333; font-size: 14px;}
        #cboxLoadingOverlay{background:#fff url(/images/colorbox/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; top:5px; right:0; display:block; color:#333; font-size: 14px;}

	#cboxPrevious>span{background: url(/images/v2/pics.gif) 0px 0;}
	#cboxNext>span{background: url(/images/v2/pics.gif) -24px 0;}
	#cboxClose>span{background: url(/images/v2/pics.gif) no-repeat -11px 0; width: 13px; height: 13px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/colorbox/internet_explorer/borderTopLeft.png', sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/colorbox/internet_explorer/borderTopCenter.png', sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/colorbox/internet_explorer/borderTopRight.png', sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/colorbox/internet_explorer/borderBottomLeft.png', sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/colorbox/internet_explorer/borderBottomCenter.png', sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/colorbox/internet_explorer/borderBottomRight.png', sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/colorbox/internet_explorer/borderMiddleLeft.png', sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/colorbox/internet_explorer/borderMiddleRight.png', sizingMethod='scale');}

.colorbox-images {
    margin-top: 20px;
    overflow: hidden;
}

.lang_ru .colorbox-images {
    margin-top: 40px;
}

.colorbox-images a{
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
    line-height: 1px;
}

.colorbox-images span, a.colorbox-separate span{
    opacity: 0.25;
    filter: alpha(opacity=25);
/*    background: black url(/images/v2/loupe.png) no-repeat center center;*/
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.colorbox-images a:hover span, a.colorbox-separate:hover span {
    display: block;
}

a.colorbox-separate{
    position: relative;
    line-height: 1px;
    cursor: pointer;
    outline: none;
    outline-color: transparent;
}