/*幻灯*/
    .clear{ clear:both;}
    .slid2{width: 100%;
           min-width: 1100px;
           height: 396px;
           float: left;
           margin-top: -53px;}

    #viewport {position: relative;width: 100%; margin:0 auto; }
    .view-content,.view-img, .slide {margin:0;padding:0; height:396px;width: 100%;margin-top: 8px;}
    #viewport .slide {line-height: 46px;font-weight:bold;font-size:20px;width:100%;left:0;background-repeat:no-repeat;background-position:center center;}
    .slide img{ width:100%; height:418px;min-width:110px; border-radius:5px;}
    #viewport .slide a {display:block;width:1468px;height:100%;top:0;left:0; margin:0 auto;}
    .view-content {width:100%;overflow: hidden;text-align:center;}
    #controls {overflow: hidden;*zoom:1;}
    #controls li {display: inline; float:left;width:33%;text-align:center;}
    .goto-slide {}
    /*next,prev是向前向后按钮*/
    #next, #prev { position: absolute;top: 50%;margin-top:-50px;width: 80px;height: 100px;background: url(../img/viewport-button.png) 0 0 no-repeat;display: block;z-index:10;}
    #next {right:30px;background-position:-80px 0;}
    #prev {left:31px;background-position:0 0;}
    #next:hover {background-position:-80px -100px;}
    #prev:hover {background-position:0 -100px;}
    .view-controls {position:absolute;bottom:20px;width:970px;left:45%;margin-left:-900px;text-align:right;}
    .view-controls a {display:inline-block;width:10px;height:10px;overflow:hidden;margin:0 0 0 7px;-webkit-transition: border-color 350ms ease;-moz-transition: border-color 350ms ease;-o-transition: border-color 350ms ease;-ms-transition: border-color 350ms ease;transition: border-color 350ms ease;transition: border-color 350ms ease; background:#fff; border-radius:10px;}
    .view-controls a:hover,.view-controls a.active  {  background:#f03e22;}