/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#colorbox, #cboxWrapper{overflow:visible;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; }
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxLoadedContent{overflow:hidden !important;}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background: #000; opacity: 0.5; filter: alpha(opacity = 50);}
#colorbox{outline:0;}
/*  #cboxTopLeft{width:50px; height:27px; background: #fff;}
    #cboxTopRight{width:50px; height:27px; background: #fff;}
    #cboxBottomLeft{width:50px; height:27px; background: #fff;}
    #cboxBottomRight{width:50px; height:27px; background: #fff;}
    #cboxMiddleLeft{width:50px; background: #fff;}
    #cboxMiddleRight{width:50px; background: #fff;}
    #cboxTopCenter{height:27px; background: #fff;}
    #cboxBottomCenter{height:27px; background: #fff;}*/
    #cboxContent{margin-top: 30px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{text-indent:-9999px;}
        #cboxNext{text-indent:-9999px;}
        #cboxClose{position:absolute; top:25px; right:25px; background:url(../img/close_popup.png) no-repeat; width:20px; height:20px; text-indent:-9999px;}
        #cboxClose:hover{}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

    #cboxPrevious, #cboxNext {
        position: absolute;
        display: block;
        background: #981521;
        width: 47px;
        height: 100%;
        top: 0;
        border: 0;
        z-index: 5;

    }
    #cboxPrevious:after, #cboxNext:after {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -4px;
        width: 9px;
        height: 14px;
        background: url(../img/page_icons.png) no-repeat;
    }
    #cboxPrevious.disabled, #cboxNext.disabled {
        background: #d4d4d4;
    }
    #cboxPrevious {
        left: -37px;
    }
        #cboxPrevious:after {
            left: 18px;
            background-position: -240px -300px;
        }
        #cboxPrevious.disabled:after {
            background-position: -180px -30px;
        }
    #cboxNext {
        right: -37px;
    }
        #cboxNext:after {
            left: 19px;
            background-position: -270px -300px;

        }
        #cboxNext.disabled:after {
            background-position: -210px -30px;
        }


.b-ajax-video #cboxPrevious,
.b-ajax-video #cboxNext {
  background-color: #ab1926;
  height: 180px;
  width: 80px;
  top: 50%;
  margin-top: -90px;
}

.b-ajax-video #cboxNext {
  right: 0;
}

.b-ajax-video #cboxPrevious {
  left: 0;
}

.b-ajax-video #cboxNext:after {
  background-position: -150px -270px;
  width: 18px;
  height: 31px;
  margin-top: -15px;
  left: 31px;
}

.b-ajax-video #cboxPrevious:after {
  background-position: -120px -270px;
  width: 18px;
  height: 31px;
  margin-top: -15px;
  left: 31px;
}

.b-ajax-video #cboxPrevious.disabled:after,
.b-ajax-video #cboxNext.disabled:after {
  opacity: 0.5;
}