.viewer {
	width:540px;
	height:1005px;
	position:relative;
}

.viewer div {
	width:540px;
	height:720px;
	overflow: hidden;
}


.viewer div img {
	position: absolute;
	top: 0px;
	left: 0px;
}


.viewer ul {
	width:540px;
	height:240px;
	position:absolute;
	top:765px;
	right:0;
}

.viewer ul li {
	width:180px;
	height:240px;
	overflow:hidden;
	display:block;
	-moz-opacity: 1!important;
	opacity: 1!important;
	float:left;
}

.viewer ul li:last-child{
	margin:0;
}

.viewer ul li img{
	width:180px;
	height:240px;
}

.viewer .active {
	filter:alpha(opacity=80)!important;
	-moz-opacity: 0.80!important;
	opacity: 0.80!important;
}


/* =======================================
	ClearFixElements
======================================= */
.viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewer ul {
	display: inline-block;
	overflow: hidden;
}

.viewer_2 ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewer_2 ul {
	overflow: hidden;
}

@media screen and (max-width:1000px){
	.viewer {
		width:54vw;
		height:100.5vw;
		position:relative;
	}
	
	.viewer div {
		width:54vw;
		height:72vw;
		overflow: hidden;
	}
		
	.viewer div img {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	
	.viewer ul {
		width:54vw;
		height:24vw;
		position:absolute;
		top:76.5vw;
		right:0;
	}
	
	.viewer ul li {
		width:18vw;
		height:24vw;
		overflow:hidden;
		display:block;
		-moz-opacity: 1!important;
		opacity: 1!important;
		float:left;
	}
	
	.viewer ul li:last-child{
		margin:0;
	}
	
	.viewer ul li img{
		width:18vw;
		height:24vw;
	}
}


@media screen and (max-width:768px){
	.viewer {
		width:81vw;
		height:146vw;
		position:relative;
	}
	
	.viewer div {
		width:81vw;
		height:108vw;
		overflow: hidden;
	}
		
	.viewer div img {
		position: absolute;
		top: 0px;
		left: 0px;
	}	
	
	.viewer ul {
		width:81vw;
		height:36vw;
		position:absolute;
		top:110vw;
		right:0;
	}
	
	.viewer ul li {
		width:27vw;
		height:36vw;
		overflow:hidden;
		display:block;
		-moz-opacity: 1!important;
		opacity: 1!important;
		float:left;
	}
	
	.viewer ul li:last-child{
		margin:0;
	}
	
	.viewer ul li img{
		width:27vw;
		height:36vw;
	}
}