.zy-Slide{ font-size: 12px; position:relative; width:100%; height:465px; margin:0px auto 0; } .zy-Slide ul{ position:relative; width:100%; height:465px; margin:0; padding:0; } .zy-Slide li{ position:absolute; /* border:2px solid #dddddd; */ list-style:none; background:#000; width:0; height:0; top:146px; left:377px; z-index:0; cursor:pointer; border-radius:3px; margin:0; padding:0; } .zy-Slide li img{ width:100%; height:100%; vertical-align:middle; } .zy-Slide section:nth-child(1), .zy-Slide section:nth-child(2){ position:absolute; top:50%; width:60px; height:60px; /* margin-top:-40px; */ cursor:pointer; line-height: 60px; border-radius: 50%; background: rgba(0,0,0,.45); text-align: center; color: #fff; z-index: 5; } .zy-Slide section:nth-child(1):hover, .zy-Slide section:nth-child(2):hover{ background: rgba(74,125,108,.85); } .zy-Slide section:nth-child(1){ left:-30px; } .zy-Slide section:nth-child(2){ right:-30px; }