#slide{width:100%; height:550px; overflow:hidden; }
#slide img{width:100%;  }
#idd {height:10px; width:100%;  margin-top:-300px; position:absolute;  z-index:1000; color:white; font-size:20px;}
#idd .right{float:right;  cursor:pointer; background:black; height:50px; width:50px; border-radius:3px;line-height:50px;text-align:center;}
#idd .left{float:left;cursor:pointer;  background:black; height:50px; width:50px; border-radius:3px;line-height:50px;text-align:center;}
.hov{width:70%; margin:-720px auto 0px auto; line-height:40px; color:white; font-size:30px; text-align:center; padding:40px 0px; background:rgba(0,0,0,0.7);}
.hove {position:absolute; width:100%; z-index:500;}
.hov a{display:block;  width:180px; background:#3366FF; color:white; font-size:16px; line-height:50px; margin:10px auto; text-decoration:none;}

@media (max-width:500px){
#slide{height:380px; overflow:hidden; }
#idd {margin-top:-200px; }
#slide img{width:300%; margin-left:-400px;}
.hov{width:80%; margin:-500px auto 0px auto; line-height:30px; font-size:13px; padding:20px;}
}