div.sliderbox {height:100%;overflow:hidden;margin:0 auto; position:relative;}
div.sliderbox ul{clear:both; height:100%; overflow:hidden; display: inline-block;list-style:none;padding: 0px; position:absolute; }
div.sliderbox ul li{overflow:hidden;text-align:center; float:left; margin:0px;padding:0px;}
div.sliderbox ul li img{}

div.sliderbox .image{position: absolute; bottom:0; width:100%; height: 60px; max-width:100%; padding: 0;margin: 0; list-style: none; text-align: center;}
div.sliderbox .image span{display: inline-block; width:58px; height:58px; cursor:pointer; margin:0px 5px; background-color: #fff; border-radius:8px; background-size:cover;}
div.sliderbox .image span.cur{background-color: red; border:1px solid red;}
div.sliderbox .dotted{position: absolute; bottom:0; width:100%; height: 30px; max-width:100%; padding: 0;margin: 0; list-style: none; text-align: center;background: rgba(0,0,0,.15);}
div.sliderbox .dotted span{display: inline-block; width:12px; height:12px; cursor:pointer; margin:5px 5px; background-color: #fff; border-radius:8px; background-size:cover;}
div.sliderbox .dotted span.cur{background-color: #F6AA00; border:1px solid #F6AA00;}