#container { width:289px; height:205; position:relative;
    overflow: hidden;}

#list { width:4200px; height:400px; position:absolute; z-index: 1;}

#buttons { position: absolute; height: 10px; width: 100px; z-index: 2; bottom: 20px; left: 250px; z-index: 1;}
#buttons span { cursor: pointer; float: left; border: 1px solid #fff; width: 10px; height: 10px; border-radius: 50%; background: #333; margin-right: 5px; display:none;}
#buttons .on {  background: orangered;display:none;}

.arrow {cursor: pointer; display: none; line-height: 39px; text-align: center; font-size: 36px; font-weight: bold; width: 40px; height: 40px;  position: absolute; z-index: 2; top: 180px; background-color: RGBA(0,0,0,.3); color: #fff;}


.arrow:hover { background-color: RGBA(0,0,0,.7);}
#container:hover .arrow { display: block;}
#prev { left: 20px; top:90px;}
#next { right: 20px;top:90px;}
#list img{width:289px; height:205; float:left; }