.banner {
	position:relative;
	}
.banner .frame {
	position:relative;
	width:100%;
	font-size:0;
	line-height:0;
	overflow:hidden;
	white-space:nowrap;
	}
.banner ul {
	width:100%;
	}
.banner ul li {
	position:relative;
	display:inline-block;
	width:100%;
	text-align:center;
	}
.banner .dots {
    margin: 0;
    padding:0;
    text-align:center;
    position: absolute;
    width: 100%;
    bottom:20px;
}
.banner .dots > li {
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 15px;
    box-shadow: inset 1px 1px 1px #888;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 3px;
    cursor: pointer;
}
.banner .dots > li.active {
    background-color: #000;
    box-shadow: inset 2px 0px 2px -2px #333;
}