@charset "UTF-8";
/** image viewer */

 .mod-image ol,
 .mod-image ul,
 .mod-image li {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%; font-style: normal; font-weight: normal; 
 vertical-align: baseline; background: transparent;
 list-style: none;
 }

:focus { outline: 0; }

.mod-image { width: 300px;position: relative; }
.mod-image .main { width: 300px; height: 250px; }
.mod-image .main li { display: none; position: absolute; }
.mod-image .thumb { padding: 0 2px 5px; _margin: 0 -3px; overflow: hidden; _zoom: 1; background: url(../img/common/bg.gif); }
.mod-image .thumb li { position: relative; float: left; margin: 5px 3px 0; width: 55px; height: 55px; background: #000; cursor: pointer; }
.mod-image .thumb img { position: absolute; top: 0; background: #000; opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; filter: alpha(opacity=60); }
.mod-image .thumb .current { position: absolute; top: -5px; width: 55px; height: 65px; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); background: url(../img/common/target.gif) no-repeat; }

.mod-image img{
	width: 300px;
}


.label_text {
position: absolute;
bottom: 0;
	z-index: 150;
	background: linear-gradient(transparent, #000);
	width: 100%;
}

.label_text p {
	color: #fff;
	padding: 10px;
	margin: 0;
	font-size: 11px;
}

.label_text .btn.btn-yellow:hover {
	background: #fbc02d;
}
.label_text .btn.btn-small {
	padding: 3px 7px;
	font-size: 11px;
}
.label_text .btn.btn-yellow {
	color: black;
	background: #fdd835;
}
.label_text .btn {
	transition: background 300ms;
	border-radius: 2px;
	padding: 10px 20px;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	line-height: 1;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -3px inset;
	text-transform: uppercase;
	font-weight: bold;
}