* { margin:0; padding:0; list-style:none; } #playBox { width:500px; height:300px; margin:20px auto; background:#333; position:relative; overflow:hidden; } #playBox .oUlplay { width:99999px; position:absolute; left:0; top:0; } #playBox .oUlplay li { float:left; } #playBox .smalltitle { width:500px; height:10px; position:absolute; bottom:15px; z-index:10 } #playBox .smalltitle ul { width:120px; margin:0 auto; } #playBox .smalltitle ul li { width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden; cursor:pointer; } #playBox .smalltitle .thistitle { background:#69aaec; } #playBox .pre { cursor:pointer; width:25px; height:45px; position:absolute; top:150px; left:10px; z-index:10; text-align:center } #playBox .next { cursor:pointer; width:25px; height:45px; position:absolute; top:150px; right:10px; z-index:10; text-align:center }