.slide {overflow:hidden;}
.slide ul {position:absolute;top:0;left:0;width:100%;bottom:0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;background-position:center center;}
.slide ul li {position:absolute;top:0;left:0;width:100%;bottom:0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;background-position:center center;}
.slide #dots {position:absolute;left:0;right:0;bottom:10px;height:30px;z-index:9999;font-size:0;text-align:center;opacity:0.7;}
.slide #dots a {background:#333;margin:0 6px;width:18px;height:18px;box-shadow:0 0 1px 0 #333;border-radius:100%;display:inline-block;cursor:pointer;}
.slide #dots a.active {background:#FFF;}
.slide .arrow {position:absolute;top:50%;width:70px;height:100px;margin-top:-50px;background:#FFF;z-index:999;opacity:0.7;line-height:100px;color:#333;text-align:center;text-decoration:none;}
.slide .arrow.prev {left:0;display:none;}
.slide .arrow.next {right:0;display:none;}
.slide .arrow:active {background:#FAFAFA;opacity:1;}