/*
    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;*/
}
#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 { 
	 -moz-box-sizing:content-box;
	-webkit-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:#222222;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}
#colorbox { 
	outline:0;
}
#cboxContent { 
	/*margin-top:32px;*/ overflow:visible;
	background:transparent;
}
.cboxIframe { 
	background:#fff;
}
#cboxError { 
	padding:50px;
	border:1px solid #ccc;
}
#cboxLoadedContent {}
#cboxLoadingGraphic { 
	background:url(../images/colorbox/loading.gif) no-repeat center center;
}
#cboxLoadingOverlay { 
	background:#000;
}
#cboxTitle { 
	position:absolute;
	top:-30px;
	left:0;
	color:#000;
}
#cboxCurrent { 
	position:absolute;
	top:-22px;
	right:205px;
	text-indent:-9999px;
}

/* 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;
	text-indent:-9999px;
	width:20px;
	height:20px;
	position:absolute;
	top:-20px;
	background:url(../images/colorbox/controls.png) no-repeat 0 0;
	-webkit-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
}
#cboxClose  {
	width:32px;
	height:32px;
	top: 0;
	right: 0;
	background: rgba(0,0,0,.5) url(../images/icon/close.png) no-repeat center center;
	opacity: 0;
	-webkit-transition:opacity .3s ease, background .3s ease;
	transition:opacity .3s ease, background .3s ease;
}
#colorbox:hover #cboxClose { opacity: 1; }

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

#cboxPrevious { 
	background-position:0px 0px;
	right:44px;
}
#cboxPrevious:hover { 
	background-position:0px -25px;
}
#cboxNext { 
	background-position:-25px 0px;
	right:22px;
}
#cboxNext:hover { 
	background-position:-25px -25px;
}

#cboxClose:hover { 
	background: rgba(0,0,0,.8) url(../images/icon/close.png) no-repeat center center;
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { 
	right:66px;
}
.cboxSlideshow_on #cboxSlideshow { 
	background-position:-75px -25px;
	right:44px;
}
.cboxSlideshow_on #cboxSlideshow:hover { 
	background-position:-100px -25px;
}
.cboxSlideshow_off #cboxSlideshow { 
	background-position:-100px 0px;
	right:44px;
}
.cboxSlideshow_off #cboxSlideshow:hover { 
	background-position:-75px -25px;
}

/* inline iframe */
.inlinBox #cboxTitle {
	position:relative;
	top:-100%;
	float:none !important;
	padding:8px 12px 6px;
	/*border:1px solid #cccccc;*/
	border-bottom-color: #dedede;
	background-color: #ffffff;
	margin:0 1px;
	}
.inlinBox #cboxLoadedContent .inlineFrame {
	padding:60px 20px 20px;
	background-color:#ffffff;
	border:1px solid #cccccc;
}
.inlinBox #cboxContent {
	background:none;
}
.inlinBox #cboxLoadedContent {
	background:none;
}
.inlinBox #cboxClose {
	width:32px;
	height:32px;
	top:10px;
	background: rgba(0,0,0,.5) url(../images/icon/close.png) no-repeat center center;
	right:25px;
}
/*.inlinBox #cboxClose:hover {
	background:url(../images/icon/close-black.png) no-repeat 0 0;
	background-size:22px 22px;
}*/

/* set sizing */
#colorbox.sizing {
	width:80%;
	height:80%;
}
#colorbox.sizing-s {
	width:50%;
	height:50%;
}
#colorbox.sizing-m {
	width:65%;
	height:65%;
}
#colorbox.sizing-video {}


/* carrie 20160118 */
.btn-prev.fixed, .btn-next.fixed {
	opacity: 0;
	-webkit-transition:opacity .3s ease, background .3s ease;
	transition:opacity .3s ease, background .3s ease;
}
body.lightbox:hover .btn-prev.fixed, body.lightbox:hover .btn-next.fixed { opacity: 1; }