*{margin:0;padding:0}
body{text-align: center;background:#000;font:12px/100% "Microsoft Yahei",'Lucida Grande';}
img{border:0}
#pic{width:580px;height:200px;position: relative;overflow:hidden;margin:100px auto 0 auto;border:5px solid #ccc;text-align: left;}

/*======== amazing style =======*/
.amazing  ul{position: absolute;bottom:10px;right:10px;z-index:1000;list-style: none;}
.amazing  ul li{float:left;height:8px;width:8px;margin:0 0 0 10px;border:1px solid #eee;overflow:hidden;background:#ccc;cursor:pointer;font-size:9px}
.amazing  ul li.current{background:#f00;}
.amazing  div{position: absolute; width:100%;height:100%;}
.amazing  div div{position: relative;}
.amazing  div div div{float:left;position:relative;zoom:1;}
.amazing  div div div span{position:absolute;display:block;width:100%;height:100%;}