﻿.viewer2-main{
	padding: 1em 2.3em;
	background-color:#1d1f20;
	position:relative;
	padding-left: 2.8em;
	display:none;
}
@media screen and (min-width: 980px){
	.viewer2-main{
		display:block;
	}
}
.viewer2-info{
	position:absolute;
	top:0;
	left:0;
	background-color:#F3BD2F;
	padding:2px 5px;
}
.viewer2-content{
}

.viewer2-group{
	width:100%;
	display:none;
}
.viewer2-group[class~=current]{
	display:block;
}
.viewer2-item{
	width:24%;
	margin-right:1%;
	float:left;
}
.viewer2-item .img_parent{
	height: 73px;
	border:none;
}
.viewer2-next,.viewer2-prev {
	position:absolute;
	top:0;
	bottom:0;
	width:30px;
	opacity:0.7;
	background-color:#666;
	cursor:pointer;
}
.viewer2-next:hover,.viewer2-prev:hover {
	opacity:0.85;
}
.viewer2-next > div,.viewer2-prev > div{
	position:absolute;
	top:50%;
	height:0;
}
.viewer2-next > div > div,.viewer2-prev > div > div{
	margin-top:-50%;
	padding:6px 9px;
	cursor:pointer;
}
.viewer2-next{
	right:0
}
.viewer2-prev{
	left:0;
}

.viewer2-cur{
	position:absolute;
	top:-3px;
	right:0;
	width:100%;
	text-align: center;
}

.viewer2-cur span{
	display:inline-block;
	width:5px;
	height:5px;
	background-color:#555;
	margin-right:1px;
}
.viewer2-cur span[class~=select]{
	background-color:#fff;
}
.viewer2-cur[class~=vc2]{
	right:auto;
	left:0;
}


