/*
    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;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; border: none;}
#cboxLoadedContent{overflow:auto;}
#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;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/*
    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;}
#colorbox{}
    /*#cboxTopLeft{width:24px; height:20px;  no-repeat 0 -9px;}
    #cboxTopCenter{height:20px; }
    #cboxTopRight{width:24px; height:20px; }
    #cboxBottomLeft{width:24px; height:4px; _height:14px; }
    #cboxBottomCenter{height:4px;}
    #cboxBottomRight{width:24px; height:4px; _height:14px; }
    #cboxMiddleLeft{width:24px; }
    #cboxMiddleRight{width:24px; }
    #cboxContent{ overflow:visible;}*/
        .cboxIframe{}
        #cboxError{padding:50px; border:none;}
        #cboxLoadedContent{margin-top:0;margin-bottom:0; border: none;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;display:none !important;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; background:url(images/poparw.png) no-repeat 0px 0px; width:21px; height:41px; text-indent:-9999px;top:50%;}
        #cboxPrevious{left:-40px; background-position: 0 0;}
        #cboxPrevious:hover{background-position:0 -42px;}
        #cboxNext{right:-40px; background-position:-56px 0;}
        #cboxNext:hover{background-position:-56px -42px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}


/*#cboxLoadingGraphic,
#cboxLoadingOverlay,*/
#cboxSlideshow,
#cboxCurrent{  display: none !important}




#cboxClose{background:url(../images/close.png) no-repeat 0 0;background-size: cover; width:35px;height:35px;top:-40px;right: 0}
#cboxClose:hover{background-position:0 0;}
.ie_hack{ _position:absolute;_top:-100px;_left:-100px;}
#cboxContent button{border:none;}