/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { /*overflow: hidden;*/ position: absolute; z-index: 9999; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper { max-width: none; }

#cboxOverlay { width: 100%; height: 100%; position: fixed; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { /*overflow: auto;*/ overflow: visible !important; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { border: 0; max-width: none; margin: auto; display: block; float: left; -ms-interpolation-mode: bicubic; }

.cboxIframe { border: 0; width: 100%; height: 100%; margin: 0; padding: 0; display: block; }

#colorbox, #cboxContent, #cboxLoadedContent { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/*  User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: #000; opacity: .7; filter: alpha(opacity=0.7); }

#colorbox { outline: 0; }

.cboxIframe { /*background: #FFF;*/ }

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

#cboxTitle { color: #CCC; position: absolute; top: -20px; left: 0; }

._inline #cboxLoadingGraphic { background: url(../img/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 { background: none; border: 0; width: auto; margin: 0; padding: 0; overflow: visible; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxSlideshow { color: #FFF; position: absolute; top: -20px; right: 90px; }

#cboxPrevious { text-indent: -9999px; outline: none; width: 50%; height: calc(100% - 45px); position: absolute; bottom: 0; left: 0; opacity: 0; transition: opacity 400ms; }
#cboxPrevious:hover { opacity: 0.7; }
#cboxPrevious::after { background: url("../img/_prevButton.png") no-repeat 0 0; width: 17px; height: 32px; display: block; position: absolute; top: 425px; left: -40px; content: ""; }

#cboxNext { text-indent: -9999px; outline: none; width: 50%; height: calc(100% - 45px); position: absolute; right: 0; bottom: 0; opacity: 0; transition: opacity 400ms; }
#cboxNext:hover { opacity: 0.7; }
#cboxNext::after { background: url("../img/_nextButton.png") no-repeat 0 0; width: 17px; height: 32px; display: block; position: absolute; top: 425px; right: -40px; content: ""; }

#cboxCurrent { text-indent: -9999px; }

#cboxClose { text-indent: -9999px; background: url("../img/_closeButton2.png") no-repeat 50% 50%; outline: none; width: 40px; height: 40px; display: none; position: absolute; z-index: 9999; top: -40px; right: 0; transition: opacity 400ms; }
#cboxClose:hover { opacity: 0.7; }

/*# sourceMappingURL=colorbox.css.map */