*{margin:0;padding:0}
html, body {font-family: "Microsoft Yahei", Verdana, sans-serif;}
ul, li{list-style: none;}
address, cite, dfn, em, var {font-style: normal;}
.newspic{position: relative;overflow: auto;/*text-align: center;*/width:450px;margin:0 auto}
.newspic .dots{position:absolute;right:0;bottom:31px;z-index:3;}
.newspic .dots li{display:inline-block;width:8px;height:8px;margin:0 4px;text-indent:-999em;border:2px solid #b7b7b7;background-color:#b7b7b7;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.newspic .dots li.active{background:#ff0000;border:2px solid #ff0000;opacity:1}
.newspic .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.newspic #al{left:15px}
.newspic #ar{right:15px}
.newspic ul{z-index: 1;width: 600%;overflow: hidden;}
.newspic ul .slider-item {width:450px; float: left;height:360px; position: relative; overflow: hidden;}
.newspic ul .slider-item .imgs {width:450px; height:300px;overflow: hidden;}
.newspic ul .slider-item a img {transition: all 0.5s;}
.newspic ul .slider-item a img:hover {transform: scale(1.04);}
.newspic ul .slider-item .slider-title {position: absolute;left: 0;bottom: 25px;width: 450px;max-height: 56px;padding:0;text-align:left;line-height: 28px;color: #000;font-size: 14px;}
.newspic .progress{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:#f60}