charset "utf-8";

#slideshow {
	width: 640px;
	height: 250px;
	overflow: hidden;
	/* margin-bottom: 10px; */
	background: #333333;
	padding: 0;
	position: relative;
}


#slideshow ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 1%; /* IE fix */
}

#slideshow ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#slideshow .slides {
	overflow: hidden;
	width: 640px;
	margin: 0 auto;
	position: relative;
}

#slideshow .slides:before {
	background-color: transparent;
	content: "";
	display: block;
	border: 1px solid #333;
	position: absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 220px;
	box-sizing: border-box;
	z-index: 100;
	pointer-events: none;
}

#slideshow .slides ul {
	width: 5000px;
}

#slideshow .slides li {
	float: left;
	width: 640px;
}

#slideshow .slides li span{
	width: 640px;
	height: 220px;
	background-position: top;
	text-indent:-9999px;
	display: block;
	cursor: pointer;
}

#slideshow .slides-nav {
	margin:2px 0 2px 2px;
	width: 638px;
	height: 48px;
}

#slideshow .slides-nav li {
	float: left;
	list-style:none;
	overflow:hidden;
	width: 159px;
	height: 47px;
	border: none;
}

#slideshow .slides-nav li a {
	outline: none;
	display: block;
	zoom:1;
	margin: 1px auto;
	width: 157px;
	height: 45px;
}

#slideshow .slides-nav.dots {
	width: 636px;
	height: 18px;
	text-align: center;
}

#slideshow .slides-nav.dots li {
	float: none;
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 4px;
	border: none;
}

#slideshow .slides-nav.dots li a {
	background: #ccc;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 auto;
	width: 9px;
	height: 9px;
}

#slideshow .slides-nav.dots li a.activeSlide {
	background: #9FC2FF;
}


#slideshow .slides-nav li.on,
#slideshow .slides-nav li.on a {
	background: #ff3;
}

#slideshow .slides-nav li.on a {
	position: relative;
}

#slideshow .slides-nav li.on a:hover {
	background: #9fb7d4;
}