@charset utf-8;


html, body {
	height: 100%;
	margin: 0px;
}
body{
	background:#29866c;
}

.carousel-box {
	background:#29866c;
	height:270px;
	overflow:hidden;
	position:relative;


}

.carousel-box .inner {
	padding:0;
}
.carousel-box span.nav-button {
	background:none;
	width:70px;
	height:70px;
	border:none;
	position:absolute;
	cursor:pointer;
	outline:none;
	z-index:10;
}
.carousel-box span.prev {
	left:20px;
	top:95px;
	background:url('../images/al.png') no-repeat left 0px;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.carousel-box span.prev:hover {

}
.carousel-box span.next {
	right:20px;
	top:95px;
	background:url('../images/ar.png') no-repeat left 0px;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.carousel-box span.next:hover {
	
}
.carousel-box ul li {
	padding:0 0 0 0;
	background:none;
	float:left;
	position:relative;
	width:270px;
	height:270px;
	overflow:hidden;
}
.carousel-box ul li a {
	display:block;
	padding:0px;
	border:0px solid #ddd;
	overflow:hidden;
	cursor:pointer;
}
.carousel-box .thumbnail {
	width:270px;
	height:270px;
	overflow:hidden;
	display:block;
	margin:0;
	padding:0 0 0 10px;
}
.carousel-box .thumbnail-alt {
	width:270px;
	height:270px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	opacity:1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	
}
.carousel-box ul li a:hover .thumbnail-alt {
	opacity:0;
}
.no-opacity .carousel-box ul li a:hover .thumbnail-alt {
	display:none;
}

.carousel-box ul li img {
	min-height:270px;
	height:auto;
	min-width:270px;
	width:auto;
}

.carousel-box ul li img:hover {
	opacity:0.85;
}