.sel-banner{
	position: relative;
	width: 550px;
	height: 362px;
}
.imgs-wrapper{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.imgs-wrapper .imgs{
	position: absolute;
	left: 0;
	top: 0;
	width: 1000%;
	font-size: 0;
}
.carousel-btn{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15%;
	left: 0;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .6;
    cursor: pointer;
}
.carousel-btn.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-btn.left {
	left: 0;
    right: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-btn:hover, .carousel-btn:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}


.carousel-btn i{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -15px;
	margin: 0 auto;
	width: 30px;
	height: 30px;
	
}
.carousel-btn.left i{
	background: url("../images/l-arrow.png") no-repeat;
	background-size: 30px 30px;
}
.carousel-btn.right i{
	background: url("../images/r-arrow.png") no-repeat;
	background-size: 30px 30px;
}
.small-nav{
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	text-align: center;
}
.small-nav li{
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
	border-radius: 50%;
	border:1px solid #fff;
}
.small-nav li.active{
	background-color: #fff; 
}