@media (min-width: 768px) {
		/* 本例子css */
.picScroll-left{ width:1200px;  overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:15px; height:15px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("images/arrow.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.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:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; width:390px;height:345px;background:#f4f4f4;margin-left:5px;_display:inline; overflow:hidden; text-align:center;  }

.picScroll-left .bd ul li:nth-child(3n){margin-left: 0 !important;}

.picScroll-left .bd ul li .pic{ width:374px; /*height:220px;*/text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%; height:100%; display:block;margin:auto;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px; text-align: center;  }
.picScroll-left .bd ul li .title h1{ font-size:16px;color:#333;margin-top:10px;}
.picScroll-left .bd ul li .title p{ font-size:14px;color:#333;margin-top:10px;text-align: left;}
}
@media (max-width: 768px) {
			/* 本例子css */
.picScroll-left{ width:600px;  overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:15px; height:15px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("images/arrow.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.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:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width:285px;height:345px;background:#f4f4f4;margin-left:5px;_display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ width:278px; /*height:230px;*/text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%; height:100%; display:block;margin: auto}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px; text-align: center;  }
.picScroll-left .bd ul li .title h1{ font-size:16px;color:#333;margin-top:10px;}
.picScroll-left .bd ul li .title p{ font-size:14px;color:#333;margin-top:10px;text-align: left;}
}