.Box { position: relative; margin-top: 4px; } .Box .content { width: 100%; margin: 0 auto; } .Box h2 { text-align: center; margin-bottom: 35px; padding-top: 250px; } .Box .Box_con { position: relative; } .Box .Box_con .btnl { position: absolute; } .Box .Box_con .btn { display: block; width: 41px; height: 41px; position: absolute; top: 80px; cursor: pointer; z-index: 100; } .Box .Box_con .btnl { background: url("/static/xvnjia/plugins/xslider/img/jtl02.png") no-repeat center; left: 1px; } .Box .Box_con .btnr { background: url("/static/xvnjia/plugins/xslider/img/jtr02.png") no-repeat center; right: 1px; } .Box .Box_con .btnl:hover { background: url("/static/xvnjia/plugins/xslider/img/jtl03.png") no-repeat center; } .Box .Box_con .btnr:hover { background: url("/static/xvnjia/plugins/xslider/img/jtr03.png") no-repeat center; } .Box .Box_con .conbox { position: relative; overflow: hidden; } .Box .Box_con .conbox ul { position: relative; list-style: none; } .Box .Box_con .conbox ul li { position: relative; float: left; width: 289px; height: 200px; margin-left: 4px; overflow: hidden; } .Box .Box_con .conbox ul li:first-child { margin-left: -40px; } .Box .Box_con .conbox ul li img { display: block; width: 288px; height: 200px; transition: all 0.5s; } .Box .Box_con .conbox ul li:hover img { transform: scale(1.1); } .Box .BoxSwitch { margin-top: 30px; text-align: center; } .Box .BoxSwitch span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 30px; height: 3px; background: #ccc; margin: 0 5px; cursor: pointer; } .Box .BoxSwitch span.cur { background: red; }