/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#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;
}
/*
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: 0.9;
 filter: alpha(opacity = 90);
}
#colorbox {
 outline: 0;
}
#cboxContent {
 /* background: #ffffff; */
}
.cboxIframe {
 background: #fff;
}
#cboxError {
 padding: 50px;
 border: 1px solid #ccc;
}
#cboxLoadedContent {
 background: #fff;
}
#cboxTitle {
 position: absolute;
 top: -20px;
 left: 0;
 color: #ccc;
}
#cboxCurrent {
 position: absolute;
 top: -20px;
 right: 0px;
 color: #ccc;
 display: none;
}
#cboxLoadingGraphic {
 background: url(../image/page/strollin/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: -54px;
	margin-top: -22px;
 background: url(../image/page/strollin/icon-prev.png) no-repeat top left;
 background-size: contain;
 width: 25px;
	height: 44px;
 text-indent: -9999px;
 outline: none;
}
#cboxPrevious:hover {
 background-position: bottom left;
}
#cboxNext {
 position: absolute;
	top: 50%;
	right: -54px;
	margin-top: -22px;
 background: url(../image/page/strollin/icon-next.png) no-repeat top right;
 background-size: contain;
 width: 25px;
	height: 44px;
 text-indent: -9999px;
 outline: none;
}
#cboxNext:hover {
 background-position: bottom right;
}
#cboxClose {
 position: absolute;
 top: -54px;
 right: -54px;
 display: block;
 background: url(../image/page/strollin/icon-close.png) no-repeat top center;
 background-size: contain;
 width: 40px;
 height: 40px;
 text-indent: -9999px;
 outline: none;
}
#cboxClose:hover {
 background-position: bottom center;
}




@media screen and (max-width:824px) {

	#cboxPrevious {
		position: absolute;
		top: 50%;
		left: -30px;
		margin-top: -22px;
		background: url(../image/page/strollin/icon-prev.png) no-repeat top left;
		background-size: contain;
		width: 20px;
		height: 40px;
		text-indent: -9999px;
  outline: none;
	}
	#cboxNext {
		position: absolute;
		top: 50%;
		right: -30px;
		margin-top: -22px;
		background: url(../image/page/strollin/icon-next.png) no-repeat top right;
		background-size: contain;
		width: 20px;
		height: 44px;
		text-indent: -9999px;
  outline: none;
	}
	#cboxClose {
		position: absolute;
		top: -35px;
		right: -30px;
		display: block;
		background: url(../image/page/strollin/icon-close.png) no-repeat top center;
		background-size: contain;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
  outline: none;
	}

}