/*
    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; 
    -webkit-transform: translate3d(0,0,0);
}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow: visible; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxClose{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{overflow: initial; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-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; opacity: 0.2; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:30px; height:30px; background:#000; opacity: 0; filter: alpha(opacity = 90);}
    #cboxTopCenter{height:30px; background:#000; opacity: 0; filter: alpha(opacity = 90);}
    #cboxTopRight{width:30px; height:30px; background:#000; opacity: 0; filter: alpha(opacity = 90);}
    #cboxBottomLeft{width:30px; height:43px; background:#000; opacity: 0; filter: alpha(opacity = 90);}
    #cboxBottomCenter{height:30px; background:#000; opacity: 0; filter: alpha(opacity = 90);}
    #cboxBottomRight{width:30px; height:43px;background:#000; opacity: 0; filter: alpha(opacity = 90);}
    #cboxMiddleLeft{width:14px; background:#000; opacity: 0; filter: alpha(opacity = 90);}
    #cboxMiddleRight{width:30px; background:#000; opacity: 0; filter: alpha(opacity = 90);}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{}
        #cboxError{padding:50px; border:1px solid #ccc;}
       /* #cboxLoadedContent{margin-bottom:5px;}*/
        /*#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}*/
        #cboxTitle{
            position:absolute; 
            bottom:-25px; 
            left:0; 
            text-align:center; 
            width:100%; 
            font-weight:bold; 
            color:#7C7C7C;
        }
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
       #cboxClose {
            border:0;  
            overflow:visible;  
            position:absolute; 
            z-index: 1; 
            top: -30px;
            right: -30px;
            background: url(/wp/wp-content/themes/obcc/assets/image/jisseki/iconClose.png) no-repeat 0 47%;
            width:60px; 
            height:60px; 
            text-indent:-9999px;
            cursor: pointer;
        }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxClose:active {outline:0;}
        /*#cboxClose{right:0; background-position:-100px -25px;}*/
        #cboxClose:hover{background-position:0px 0px;}