*{margin:0; padding:0;}
ul {list-style:none;}
.box {width:768px; height:397px; overflow:hidden; position:relative;}
#big-pic {width:800%; height:397px; left:0; position:absolute; top:0;}
#big-pic a {float:left; position: relative;}
#big-pic p {position: absolute; left: 0; bottom: 0; padding: 10px 20px; width: 100%; background: rgba(0, 0, 0, 0.7); color: #FFFFFF; font-size: 20px;}
#big-pic p span {display: block; font-size: 16px; color: #255ba1;}
#nav {position:absolute; bottom:10px; height: 15px;  width:130px; left:85%;}
#nav li {float:left; width:9px; height:9px; border-radius: 50%; background:#fff; margin: 0 8px; transform: scale(1, 1);}
#nav li.on {background:black; border-radius: 50%; transform: scale(1.5, 1.5);}
#big-pic img{ width:768px; height:397px;}