.container_image{ position:relative; width: 750px; height: 330px; margin: 0 auto; margin-left:-30px; background-image: url("/yqdqzztsldcom/styles/blue/images/grally/image_slide_bg.png"); background-repeat: no-repeat; background-position: center 0px; } .container_image .image_move{ top:5px; width: 715px; height: 300px; margin: 0 auto; overflow:hidden; position: relative; } .container_image .i_btn{ display: block; width: 49px; height: 49px; position: absolute; top: 125px; z-index: 3; background-image: url("/yqdqzztsldcom/styles/blue/images/grally/arrows.png"); } .container_image .prev_L{ left:6px; background-position: left 0; } .container_image .next_R{ right:6px; background-position: right 0; } .container_image .prev_L:hover, .container_image .next_R:hover { background-color: #0088cc; } .slide_img { width: 100%; height: 100%; position: relative; list-style:none; z-index: 1; margin:0px; padding:0px; } .slide_img li{ position: absolute; list-style:none; top:25px; width:350px; height:240px; overflow: hidden; margin:0px; padding:5px; background-color:#fff; border:1px solid #ddd; } .slide_img li a{ display: block; position: relative; width:100%; height:100%; padding:0px; margin:0px; } .slide_img li a img{ position:relative; height:100%; width:100%; } .slide_img li.on a{ width:100%; height:100%; } .slide_img li.on{ width:390px; left:157.5px; top:0; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,0.6); } .slide_img li.on img{ width:100%; height:100%; } .slide_img li.left{ left:0; } .slide_img li.right{ left:1000px; } .slide_img li.mid{ left:157.5px; } .slide_img li .bg{ width: 100%; height: 40px; background: #000000; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); position: absolute; left: 0; bottom: 0; z-index: 0; display: none; } .slide_img li .info{ height: 40px; line-height:40px; padding-top: 6px; position: absolute; left: 5px; bottom:5px; right:5px; width:auto; padding: 0 3%; color: #ffffff; display: block; z-index: 3; background: #000000; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); overflow:hidden; }