* {
	margin: 0;
	padding: 0;	
}
.carousel {
	background: black;
	position: relative;
	height: 310px;
	overflow: hidden;
	clear: both;
}
.carousel ul {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 50000px;
}
.carousel li {
	float: left;
	position: relative;
	height: 310px;
	width: 930px;
}
.carousel img {
	position: absolute;	
	top: 0;
	left: 0;
}
.carousel a {
	transition: opacity 0.5s;
	opacity: 0.7;
}
.carousel a:hover {
	opacity: 1;
}
.carousel .large {
	width: 310px;
	height: 310px;
}
.carousel .small, .carousel .fixed {
	width: 155px;
	height: 155px;
}
.carousel .item-2,
 .carousel .item-4,
 .carousel .item-6,
 .carousel .item-8 {
	top: 155px;
}
.carousel .item-1,
 .carousel .item-2 {
 	left: 310px;	
}
.carousel .item-3,
 .carousel .item-4 {
 	left: 465px;	
}
.carousel .item-5,
 .carousel .item-6 {
 	left: 620px;	
}
.carousel .item-7,
 .carousel .item-8 {
 	left: 775px;	
}