/* 本例子css */
.picScroll-left{
	position:relative;
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	max-width:1218px;
}
.picScroll-left h2{
	font-size: 28px;
	line-height: 70px;
	color: #FFF;
	font-weight: normal;
	background-color: #2f2f2f;
	box-shadow: 1px 2px 0 rgba(0,0,0,0.3);
	text-indent: 20px;
	max-width:1180px;
	margin-right: 19px;
	margin-left: 19px;
	background: -webkit-linear-gradient(#3b3b3b, #1c1c1c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#3b3b3b,#1c1c1c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#3b3b3b,#1c1c1c); /* Firefox 3.6 - 15 */
    background: linear-gradient(#3b3b3b, #1c1c1c); /* 标准的语法（必须放在最后）*/ 
}
.picScroll-left .hd{
	width: 100%;
	background-position: 0px 0px;
	
}
.picScroll-left .hd .prev,.picScroll-left .hd .next{
	position: absolute;
	top: 40%;
	overflow:hidden;
	cursor:pointer;
	display: block;
	width: 53px;
	height: 73px;
	z-index: 1;
	background-image: url(/n23/images/nav.png);
	background-repeat: no-repeat;
}
.picScroll-left .hd .next{
	background-position: 0px 0;
	float: left;
	left: 0px;
}
.picScroll-left .hd .prev{
	background-position: -53px 0px;
	float: right;
	right: 0px;
}
.picScroll-left .hd .next:hover{background-position: 0px -73px;}
.picScroll-left .hd .prev:hover{background-position: -53px -73px;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{
	float:left;
	width:9px;
	height:9px;
	overflow:hidden;
	margin-right:5px;
	text-indent:-999px;
	cursor:pointer;
	background-color: #F60;
}
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll_box{
	padding-right: 25px;
	padding-left: 25px;
}
.picScroll-left .bd{
	position: relative;
	background-color: #545454;
	margin-right: 19px;
	margin-left: 19px;
	box-shadow: 1px 2px 0 rgba(0,0,0,0.3);
}
.picScroll-left .bd .picList{
	overflow:hidden;
	width: 100%;
}
.picScroll-left .bd ul{
	overflow:hidden;
	zoom:1;
	text-align: left;
	font-size: 0px;
	width: 100%;
}
.picScroll-left .bd ul li{
	_display:inline;
	overflow:hidden;
	text-align:center;
	vertical-align: top;
	display: inline-block;
	width: 20%;
	margin-top: 10px;
}
.picScroll-left .bd ul li .pic{
	text-align:center;
	width: 86%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background-color: #FFF;
	padding: 3%;
}
.picScroll-left .bd ul li .pic img{
	width:100%;
	display:block;
}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li h3{
	line-height:30px;
	height: 30px;
	font-size: 16px;
	overflow: hidden;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.picScroll-left .bd ul li h3 a{
	color: #FFF;
}
.picScroll-left .bd ul li p{
	line-height:28px;
	font-size: 14px;
	color: #aea292;
	overflow: hidden;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width:900px){
.picScroll-left{
	display:none
}
}