@charset "utf-8"; /* css 重置 */ .proScroll *{margin:0; padding:0; list-style:none;} .proScroll img{ border:0; vertical-align:bottom; } .proScroll .tempWrap { margin:0 auto; } /* 本例子css */ .proScroll{ overflow: hidden; position: relative; width: 100%; height: 800px; margin: 0 auto; } .proScroll .hd{ overflow: hidden; position: absolute; top: 760px; left: 48%; } .proScroll .bd a.prev, .proScroll .bd a.next { display:block; width:80px; height:160px; position:absolute; cursor:pointer; background:url(/template/images/jianBig.png) no-repeat; top:728px; z-index:300; } .proScroll .bd a.prev { left:0; background-position-x:-80px; } .proScroll .bd a.prev:hover { background-position-x:0; } .proScroll .bd a.next { right:0; background-position-x:-160px; } .proScroll .bd a.next:hover { background-position-x:-240px; } .proScroll .hd ul{ overflow: hidden; zoom: 1; margin: 0 auto; margin-top: 10px; width: 46px; } .proScroll .hd ul li{ background:#ccc; float:left; width:10px; height:10px; border-radius: 15px; overflow:hidden; margin-right:8px; text-indent:-999px; cursor:pointer; } .proScroll .hd ul li:nth-child(3){ margin-right:0; } .proScroll .hd ul li.on{ background:#e60013; border-radius: 15px;} .proScroll .bd ul{ overflow:hidden; zoom:1; } .proScroll .bd ul li{ /*margin:0 15px;*/ float:left; _display:inline; overflow:hidden; width: 1300px; height: 800px; /* border-radius: 10px; -moz-box-shadow: 2px 2px 5px #999; -webkit-box-shadow: 2px 2px 5px #999; box-shadow: 2px 2px 5px #999; */ color:#444; font-size:14px; } .proScroll .bd ul li a{ display: block; } .proScroll .bd ul li a img{ display:block; } .proScroll .bd ul li a.newName{ padding:13px 0; font-weight:bold; font-size: 18px; } .proScroll .bd ul li .line{ width:31px; height:3px; background:#a0a0a0; } .proScroll .bd ul li .time{ color:#888; text-align:right; padding-bottom:10px; } .proScroll .bd ul li .more a{ color:#13719f; }