@charset "utf-8"; ul, li { list-style: none; margin: 0px; padding: 0px; } /* 仿QQ商城点击左右滚动jquery焦点图特效插件 */ .focus { width: 100%; height: 402px; overflow: hidden; position: relative; left: 0; top: 0; } .focus ul { height: 402px; position: absolute; } .focus ul li { float: left; width: 1193px; height: 402px; overflow: hidden; position: relative; background: #000; } .focus ul li div { position: absolute; overflow: hidden; } .focus .btnBg { position: absolute; width: 1193px; height: 20px; left: 0; bottom: 0; background: #000; display: none; } .focus .btn { position: absolute; width: 1193px; height: 23px; padding: 0px 10px 0px 10px; right: 0; bottom: 6px; text-align: center; } .focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 15px; height: 14px; line-height: 15px; text-align: center; _font-size: 0; margin-left: 18px; cursor: pointer; background: #c5c5c5; border-radius: 50%; } .focus .btn span.on { background: #00c8dc; } .focus .preNext { width: 45px; height: 100px; position: absolute; top: 151px; background: url(../images/sprite.png) no-repeat 0 0; cursor: pointer; } .focus .pre { left: 0; } .focus .next { right: 0; background-position: right top; } .box { width: 1193px; margin: 0 auto; }