#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%; padding: 0; margin: 0; }
#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-image: url('images/folli_pattern.png');
 }

#colorbox { outline: 0; }
#cboxContent {
	margin-top: 0px;
	background: #fff;
	border: 2px solid #000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
 }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #7f7f7f; }
#cboxLoadedContent {
	padding: 6px;
	border: 3px solid #d70000;;
	background: #000;
	-moz-box-shadow: inset 0px 0px 10px 5px #002f76;
	-webkit-box-shadow: inset 0px 0px 10px 5px #002f76;
	box-shadow: inset 0px 0px 10px 5px #002f76;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
 }
#cboxTitle { position: absolute; top: -20px; left: 0; color: #7f7f7f; }
#cboxCurrent { position: absolute; top: -20px; right: 0px; color: #7f7f7f; }
#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; top: -20px; right: 90px; color: #fff; }
#cboxPrevious { position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url(images/controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; }
#cboxPrevious: hover { background-position: bottom left; }
#cboxNext { position: absolute; top: 50%; right: 5px; margin-top: -32px; background: url(images/controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; }
#cboxNext: hover { background-position: bottom right; }
#cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url(images/controls.png) no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; }
#cboxClose: hover { background-position: bottom center; }