/* -------------------  LAYOUT 1 -------------------- */

#colorbox, #cboxOverlay, #cboxWrapper{
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
    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;
}
#cboxOverlay{
    background-color: rgba(0,0,0,0.6);
}
#colorbox{
}
#cboxTopLeft{

}
#cboxTopRight{
    /*        width:21px;
            height:21px;*/
}
#cboxBottomLeft{
    /*        width:21px;
            height:21px;*/
}
#cboxBottomRight{
    /*        width:21px;
            height:21px; */
}
#cboxMiddleLeft{
    /*width:21px;*/
}
#cboxMiddleRight{
    /*width:21px;*/
}
#cboxTopCenter{
    /*height:21px;*/
}
#cboxBottomCenter{
    /*height:21px;*/
}
#cboxContent{
    background:#fff;
    border-radius: 5px;
}
#cboxLoadedContent{
    margin-bottom:28px;
}
#cboxLoadedContent p{
    font-size: 13px;
    color: #000;
    padding: 0;
}
#cboxTitle{
    position:absolute;
    top:26px;
    left:0;
    text-align:center;
    width:100%;
    color:#949494;
}
#cboxCurrent{
    position:absolute;
    bottom:6px;
    left:20px;
    color:#5D5D5D;
    font-size: 12px;
    right: 20px;
    width: calc(100% - 40px);
}
#cboxSlideshow{
    position:absolute;
    bottom:4px;
    right:30px;
    color:#0092ef;
}
#cboxPrevious{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left:0px;
    background:url('../images/controls.png') -73px 3px no-repeat #000000;
    width:32px;
    height:32px;
    text-indent:-9999px;
}
#cboxPrevious.hover{
    background-position:-75px -25px;
}
#cboxNext{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right:0;
    background:url("../images/controls.png") no-repeat scroll -49px 3px #000000;
    width:32px;
    height:32px;
    text-indent:-9999px;
}
#cboxNext.hover{
    background-position:-50px -25px;
}
#cboxLoadingOverlay{
    background:url('../images/loading_background.png') center center no-repeat;
}
#cboxLoadingGraphic{
    background:url('../images/loading_2.gif') center center no-repeat;
}
#cboxClose{
    color: transparent;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 25px;
    background: url(../images/controls.png) no-repeat scroll -27px -2px;
}
/*            #cboxClose:before{
                content: "\f00d";
                font-family: "Font Awesome 5 Free";
                font-size: 18px;
                color:#fff;
                font-weight:900;
                text-shadow: 1px 1px 1px #333;
            }*/
#cboxClose.hover{
    background-position:-25px -25px;
}


.cboxIE #cboxTopLeft{
    background:transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/front/img/lightboxMedia/internet_explorer/borderTopLeft.png', sizingMethod='scale');
}
.cboxIE #cboxTopCenter{
    background:transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/front/img/lightboxMedia/internet_explorer/borderTopCenter.png', sizingMethod='scale');
}
.cboxIE #cboxTopRight{
    background:transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/front/img/lightboxMedia/internet_explorer/borderTopRight.png', sizingMethod='scale');
}
.cboxIE #cboxBottomLeft{
    background:transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/front/img/lightboxMedia/internet_explorer/borderBottomLeft.png', sizingMethod='scale');
}
.cboxIE #cboxBottomCenter{
    background:transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/front/img/lightboxMedia/internet_explorer/borderBottomCenter.png', sizingMethod='scale');
}
.cboxIE #cboxBottomRight{
    background:transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/front/img/lightboxMedia/internet_explorer/borderBottomRight.png', sizingMethod='scale');
}
.cboxIE #cboxMiddleLeft{
    background:transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/front/img/lightboxMedia/internet_explorer/borderMiddleLeft.png', sizingMethod='scale');
}
.cboxIE #cboxMiddleRight{
    background:transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/front/img/lightboxMedia/internet_explorer/borderMiddleRight.png', sizingMethod='scale');
}



/* -------------------  LAYOUT 2 -------------------- */

/*#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#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;}

#cboxOverlay{background:#000; opacity: 0.7 !important;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/assets/front/img/lightboxMedia/layout/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/assets/front/img/lightboxMedia/layout/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/assets/front/img/lightboxMedia/layout/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/assets/front/img/lightboxMedia/layout/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}*/


/* -------------------  LAYOUT 3 -------------------- */

/*#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow: visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#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;}

#cboxOverlay{background:#000; opacity: 0.7 !important;}
#cboxContent{margin-top:20px;}
#cboxLoadedContent{background:#FFF; padding: 35px 35px 10px;}
#cboxLoadedContent p{ padding-top:10px; padding-bottom:0;width: 400px;}
#cboxLoadedContent img {margin: auto; border: medium none; display: block; float: none; cursor: pointer;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxTitle{ display:none !important}
#cboxCurrent{position:absolute; top:7px; left:35px; color:#333;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:-21px; margin-top:-32px; background:url(/assets/front/img/lightboxMedia/layout3/controls.png) top left no-repeat; width:35px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:-21px; margin-top:-32px; background:url(/assets/front/img/lightboxMedia/layout3/controls.png) top right no-repeat; width:35px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#FFF;}
#cboxLoadingGraphic{background:url(/assets/front/img/lightboxMedia/layout3/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:0px; display:block; background:url(/assets/front/img/lightboxMedia/layout3/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}*/
