#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: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;
}




#cboxOverlay {
background:url(overlay.png) repeat 0 0;
}

#cboxOverlay {
background: none !important;
  background-color: black !important;
  opacity: .5 !important;
}


#colorbox {
 
outline: none;

border: 1px solid black;

background:white;

}

    #cboxContent {
background:#fff;
 overflow:hidden;
  padding: 20px 16px 16px 16px;
}


        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose  {
border:0;
 padding:0;
 margin:0;
 overflow:visible;
 width:auto;
 background:none;
 }

        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxClose {
position:absolute;
 bottom:20px;
 right:20px;

         background:url(controls.png) no-repeat -25px 0;
 width:25px;
 height:25px;
 
         text-indent:-9999px;
}

        #cboxClose:hover {
background-position:-25px -25px;
}


        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active  {
outline:0;
}