.thumbnails {
	width:			100%;
	height:			100px;
	position:		relative;
}

.thumbnails-slider {
	width:			100%;
	height:			100%;
	float:			left;
	position:		relative;
	overflow:		hidden;
}

.thumbnails-slides {
	height:			100%;
	min-width:		100%;
	text-align:		center;
	position:		absolute;
	top:			0;
	left:			0;
	white-space:		nowrap;
}

.thumbnails-slides img {
	display:		inline-block;
	height:			100%;
	border:			5px solid transparent;
	cursor:			pointer;
	opacity:		0.6;
}

.thumbnails-slider img:hover {
	opacity:		0.8;
}

.thumbnails-slider img.active {
	opacity:		1;
}

.thumbnails-prev,
.thumbnails-next {
	width:			40px;
	height:			40px;
	padding:		0;
	border:			none;
	margin:			0;
	position:		absolute;
	top:			30px;
	background:		transparent;
	color:			#fff;
	text-shadow:		0 0 3px #000;
	font-size:		30px;
	opacity:		0.5;
}

.thumbnails-prev:hover,
.thumbnails-next:hover {
	opacity:		1;
}

.thumbnails-prev {
	left:			20px;
}

.thumbnails-next {
	right:			20px;
}