.slide{position:relative;width:100%;height:555px;background:#ccc}.slide ul li{position:absolute;left:0;top:0;display:block;width:100%;height:100%;list-style:none}.slide .dots{position:absolute;left:0;right:0;bottom:20px;width:100%;z-index:2;text-align:center}.slide .dots li{display:inline-block;margin:0 5px;width:13px;height:13px;border:2px solid #fff;border-radius:50%;opacity:.4;cursor:pointer;transition:background .5s,opacity .5s;list-style:none;background:#fff}.slide .dots li.active{background:#fff;opacity:1}.slide .arrow{position:absolute;top:0;left:0;width:100%;height:100%}.slide .arrow .arrow-left,.slide .arrow .arrow-right{position:absolute;z-index:2;top:50%;margin-top:-25px;display:block;width:50px;height:50px;cursor:pointer;opacity:.5;transition:background .5s,opacity .5s}.slide .arrow .arrow-left:hover,.slide .arrow .arrow-right:hover{opacity:1}.slide .arrow .arrow-left{left:20px;background:url(../img/arrow-left.png)}.slide .arrow .arrow-right{right:20px;background:url(../img/arrow-right.png)}