#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#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; width: 100% !important; height: auto !important; max-width: 100%;}
.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;}

#cboxOverlay{background:rgba(0, 0, 0, 0.8);}
#colorbox{outline:0; background: #fff;width: 100% !important; height: auto !important;}
#cboxTopLeft{width:14px; height:14px; background:url(../images/jt.svg) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(../images/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(../images/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(../images/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(../images/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(../images/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(../images/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(../images/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px;}
#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;}
#cboxCurrent{position:absolute; bottom:-19px; left:75px; font-weight:bold; color:#7C7C7C;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious{ width:14px; height:14px; transform: rotate(180deg); background: none;margin-left:5px;} 
#cboxNext{width:14px; height:14px; margin-left:20px;background: none;}
#cboxSlideshow{border:0; padding:0; margin:0; overflow:visible; display: none; }
#cboxClose{width:23px; height:23px; position: absolute; right: 10px; top: 10px;background: none;}