*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:'' }
strong { font-weight:bold }
em { font-style:italic }
a img { border:none }
#slider {
	position: relative;
	width: 600px;
	overflow: hidden;
	margin: 10px auto 30px auto;
}

#slider li {
	position: absolute;
	top: 0;
	left: 0;
}

.caption {
	opacity: 0.8;
	background: #000;
	height: 33px;
	padding: 5px 0 0 0;
	color: #fff;
	text-align: center;
	font: 25px/1 '微软雅黑';
	z-index: 200;
}

.prev-link, .next-link {
	display: block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	bottom: 10px;
	z-index: 300;
}

.prev-link {
	left: 10px;
	background-image: url(prev.png );
}

.next-link {
	left: 40px;
	background-image: url(next.png );
}

.circle {
	display: block;
	width: 16px;
	height: 16px;
	background: url(circle-empty.png ) no-repeat left top;
	position: absolute;
	bottom: 10px;
	z-index: 300;
}

.circle-current {
	background-image: url(circle-full.png );
}