#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 99999999; 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: #000000; opacity: 0.9; filter: alpha(opacity = 90) }
#colorbox { outline: 0 }
#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxBottomCenter { display: none }
#cboxContent { background: transparent; overflow: hidden }
.cboxIframe { background: transparent }
#cboxError{ padding: 50px; border: 1px solid #cccccc }
#cboxLoadedContent { margin-bottom: 28px }
#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494 }
#cboxCurrent { position: absolute; top: 10px; right: 10px; color: #333333 }
#cboxLoadingOverlay { }
#cboxLoadingGraphic { background: url("../images/loading.gif") no-repeat center center }

/* 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) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0 }

#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef }
#cboxPrevious { position: absolute; bottom: 50px; left: 50%; margin-left: -60px; background: url("../images/left.gif") no-repeat center center; width: 30px; height: 30px; text-indent: -9999px }
#cboxClose { position: absolute; bottom: 50px; left: 50%; margin-left: -15px; background: url("../images/close.gif") no-repeat center center; width: 30px; height: 30px; text-indent: -9999px }
#cboxNext { position: absolute; bottom: 50px; left: 50%; margin-left: 30px; background: url("../images/right.gif") no-repeat center center; width: 30px; height: 30px; text-indent: -9999px }