#ad
{
     width: 400px;
     height: 700px;
    overflow: hidden;
     margin-left:-5px;
     position: relative;
 }
 #ad ul
 {
     list-style: none;
     position: absolute;
    margin-left: -40px;
 }
 #ad ul li
 {
     float: left;
     width: 400px;
     height: 700px;
     position: relative;
 }
 .slideshortcut a
 {
     color: #000000;
     text-decoration: none;
     background-color: #fff;
     display: block;
     position: absolute;
     z-index: 500;
     top: 150px;
     width: 50px;
     height: 50px;
     border: 1px solid red;
     font-size: 40px;
     line-height: 40px;
     text-align: left;
     opacity: 0;
 }
 .slideshortcut a:hover
 {
     color: #000000;
     text-decoration: none;
 }
 .prev
 {
     left: 150px;
 }
 .next
 {
    left: 100px;
 }
 .jiaodiandiv
 {
     position: absolute;
     z-index: 200;
     top: 240px;
     left: 30%
 }
 .jiaodiandiv ul
 {
     list-style: none;
 }
 .jiaodiandiv ul li
 {
     width: 10px;
     height: 10px;
     margin-left: 10px;
     float: left;
     border: 1px solid #B7B7B7;
     background-color: #B7B7B7;
     border-radius:15px;
     text-align: left;
 }
 #selectli
 {
     background-color: #FF4400;
 }
 .jiaodiandiv li:hover
 {
     cursor: pointer;
 }
 .jiaodiandiv span
 {
     font-size: 10px;
     line-height: 10px;
 }