@charset "UTF-8";
*{padding:0;margin:0}
html,body,div{
	font:normal normal 13px/24px SimSun,MicroSoft YaHei;
	color:#333;
}
html,body{
	height:100%;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
ul,li,ol,dl,dt,dd{
	list-style:none;
	margin:0;
	padding:0;
}
header,nav,section,article,footer,aside{
	display:block;
}
.clearfix{
	zoom:1;
}
.clearfix:after{
	display:block;
	content:"";
	overflow:hidden;
	clear:both;
}

.wrapper{
	margin:0 auto;
	height:100%;
}

.pageContent{
   margin-left:210px;
   height:100%;
}
.pic{
	position:relative;
	width:700px;
	height:300px;
	overflow:hidden;
	border:1px #ddd solid;
	margin:10px;
}
.pic .sildebar{
	 width:100%;
	 position:absolute;
	 top:0;
	 height:298px;
}
.pic .sildebar li{
	 float:left;
	 width:700px;
	 overflow:hidden;
	 height:100%;
}
img{border:none;}
.focusBox {
  position: absolute;
  bottom: 20px;
  width: 120px;
  left: 50%;
  margin-left: -36px;
}
.focusBox li{
	float:left;
	margin-right:10px;
	width:10px;
	height:10px;
	border-radius:10px;
	background:#fff;
	cursor:pointer;
}
.focusBox li.cur{
	background:#f60;
	opacity:0.6;
	filter:alpha(opacity=60);
}
.btn-focus{
	position:absolute;
	display:block;
	width:50px;
	height:40px;
	background-color:#000;
	opacity:0;
	filter:alpha(opacity=0);
	text-align: center;
	color:#fff;
	line-height:39px;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
}
.prev{
	left:2px;
	top:46%;
}
.next{
	right:2px;
	top:46%;
}