/**
 * Colorbox Core Style
**/

#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; -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;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/** 
 * User Style
**/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url("../images/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; top:-20px; right:90px; color:#fff;}

/** 
 * Overwrite
**/
#colorbox,
#cboxWrapper {
   overflow: visible;
}

#colorbox {
    background: #FFF;
    border: 1em solid #FFF;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    -webkit-box-shadow: 0 .375rem 1.25rem rgba(0,0,0,.4);
    box-shadow: 0 .375rem 1.25rem rgba(0,0,0,.4);
}

#cboxOverlay {
    background: #FFF;
    background: rgba(255,255,255,.75);
}

#cboxWrapper {
    background: none;
}

#cboxContent {
    margin-top: 0;
    margin-bottom: 2em;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    border: none;
}

#cboxTitle, 
#cboxCurrent {
    top: inherit;
    bottom: -2em;
    color: #333;
}

#cboxCurrent {
    display: none !important;
    opacity: 0;
}

#cboxLoadingGraphic {
    background-image: url("../img/loading-black.gif");
}

#cboxPrevious,
#cboxNext,
#cboxClose {
    background: transparent url("../img/sprite.png") scroll no-repeat 0 0;
    text-indent: 99px;
    overflow: hidden;
    white-space: nowrap;
}

#cboxPrevious {
    background-position: 0 -50px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -32px;
    width: 29px;
    height: 65px;
}

#cboxPrevious:hover,
#cboxPrevious:focus,
#cboxPrevious:active {
    background-position: -50px -50px;
}

#cboxNext {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -32px;
    width: 28px;
    height: 65px;
    background-position: -100px -50px;
}

#cboxNext:hover,
#cboxNext:focus,
#cboxNext:active {
    background-position: -150px -50px;
}

#cboxClose {
    position: absolute;
    top: inherit;
    bottom: -2.5em;
    right: 0;
    display: block;
    width: 19px;
    height: 19px;
    background-position: -100px 0;
}

#cboxClose:hover,
#cboxClose:focus,
#cboxClose:active {
    background-position: -150px 0;
}