@charset"utf-8";

/* Colorbox */
#colorbox,
#cboxOverlay{
	position:absolute;
 top:0; left:0; z-index:9999;
	outline:0;
}
#cboxOverlay{
	position:fixed;
	width:100%; height:100%;
	overflow:hidden;
	background:#000;
	/*opacity: 0.9; filter: alpha(opacity = 90);*/
}
.pc #cboxOverlay{opacity: 0.85; filter: alpha(opacity = 85);}

#colorbox {
	position:fixed;
	width:100%; height:100%;
	overflow:hidden;
}
#cboxWrapper {
	width:100%; max-width:none;
	position:relative;
}
#cboxHeadtitle{
	height:20px;
	font-size:16px; line-height:20px; color:#fff; text-align:left;
	border-bottom:#666 1px solid;
	background:#000;
	padding:20px 80px 20px 20px;
}
#cboxCurrent{
	position:relative!important;
    text-indent:1px!important;
	top:auto!important;
	right:auto!important;
	font-size:14px; line-height:18px; color:#fff; text-align:right;
	border-top:#666 1px solid;
	background:#000;
	padding:20px;
	display:block;
}
#cboxContent{
	width:100%;
	margin-top:0!important;
	background: transparent!important;
}
#cboxLoadedContent{
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	margin:0 auto;
	background: transparent!important;
}
.cboxPhoto{
	margin:auto;
	border:0;
	display:block;
	float:none!important;
}
#cboxTitle{
	position:relative!important;
	top:auto!important;
	font-size:14px; line-height:18px; color:#fff; text-align:center;
	padding:20px;
}
/* button */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
	border:0;
	padding:0; margin:0;
	overflow:visible;
	width:auto;
	background:none;
	cursor:pointer;
}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
	outline:0;
}
#cboxPrevious img,
#cboxNext img,
#cboxClose img,
#cboxPreviousNon img,
#cboxNextNon img {
	width:100%;
}
#cboxPrevious{
	position:absolute; top:50%; left:0;
	margin-top:-30px;
	width:60px; height:60px;
	background:#fff;
}
#cboxPrevious img:hover{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	opacity: 0.8;
}
#cboxNext{
	position:absolute; top:50%; right:0;
	margin-top:-30px;
	width:60px; height:60px;
	background:#fff;
}
#cboxNext img:hover{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	opacity: 0.8;
}
#cboxPreviousNon{
	position:absolute; top:50%; left:0;
	margin-top:-30px;
	width:60px; height:60px;
}
#cboxNextNon{position:absolute; top:50%; right:0;margin-top:-30px;width:60px; height:60px;}
#cboxClose{display:block!important;text-indent:1px!important;position:absolute; top:0; right:0;width:60px; height:60px;border-left:#666 1px solid;}
#cboxClose a {width:100%; height:100%;display:block;}
#cboxClose a:hover{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);opacity: 0.85;}
@media only screen and (min-width: 481px) and (max-width: 1120px) {
  #cboxPrevious{margin-top:-22px;width:44px; height:44px;}
  #cboxNext{margin-top:-22px;width:44px; height:44px;}
  #cboxPreviousNon{margin-top:-22px;width:44px; height:44px;}
  #cboxNextNon{margin-top:-22px;width:44px; height:44px;}
}
@media only screen and (max-width: 480px) {
  #cboxPrevious{margin-top:-15px;width:30px; height:30px;}
  #cboxNext{margin-top:-15px;width:30px; height:30px;}
  #cboxPreviousNon{margin-top:-15px;width:30px; height:30px;}
  #cboxNextNon{margin-top:-15px;width:30px; height:30px;}
}

/*loading*/
#cboxLoadingOverlay,
#cboxLoadingGraphic{position:absolute; top:0; left:0;width:100%; height:100%;}
#cboxLoadingGraphic{background:url(/common/images/common/loading.gif) no-repeat center center;}
#cboxError{padding:50px; border:1px solid #ccc;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#cboxSlideshow{display:none;}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight {
  display:none;
}