迅雷首页焦点更新效果-IDC资讯中心

[code]

迅雷在线–中国最大的影视娱乐门户

* { margin:0; padding:0; }
html { background:#FFFFFF; }
body { font:normal 12px/20px Arial, Verdana, Lucida, Helvetica, simsun, sans-serif; color:#313131; }
ol, ul { list-style:none; }
a { color:#016A9F; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:0; }
.kk-index .flash-box { width:450px; height:251px; overflow:hidden; padding:5px 9px; margin-bottom:8px; background:url(http://misc.web.xunlei.com/www_5_1/img/flashBg.png) no-repeat 0 0; }
.kk-index .flash-box h2 { font-size:13px; width:448px; height:20px; line-height:20px; margin-bottom:1px; color:#193B5F; }
.kk-index .flash-box .big-pic { float:left; width:366px; height:188px; overflow:hidden; margin-right:2px; }
.kk-index .flash-box .big-pic img { display:block; width:364px; height:186px; border:1px solid #fff; }
.kk-index .flash-box .pic-list { float:left; width:81px; height:188px; position:relative; }
.kk-index .flash-box .pic-list .pre, .kk-index .flash-box .pic-list .next, .kk-index .flash-box .pic-list .no-pre, .kk-index .flash-box .pic-list .no-next { background:url(http://misc.web.xunlei.com/www_5_1/img/sprite.png) no-repeat; width:81px; height:11px; position:absolute; top:0; left:0; }
.kk-index .flash-box .pic-list .pre { background-position:-804px -108px; }
.kk-index .flash-box .pic-list .no-pre { background-position:-852px -108px; }
.kk-index .flash-box .pic-list .next { background-position:-804px -125px; top:177px; }
.kk-index .flash-box .pic-list .no-next { background-position:-852px -125px; top:177px; }
.kk-index .flash-box .pic-list ul { position:absolute; top:0; left:5px; }
.kk-index .flash-box .pic-list li { float:left; width:71px; height:40px; overflow:hidden; margin-bottom:2px; }
.kk-index .flash-box .pic-list li a { display:block; width:71px; height:40px; overflow:hidden; }
.kk-index .flash-box .pic-list li a img { display:block; width:71px; height:40px; padding:1px; }
.kk-index .flash-box .pic-list li a:hover, .kk-index .flash-box .pic-list li a.currA { border:2px solid #56AAD8; width:67px; height:36px; }
.kk-index .flash-box .pic-list li a:hover img, .kk-index .flash-box .pic-list li a.currA img { margin:-2px; }
.kk-index .flash-box .flash-txt { clear:both; height:38px; line-height:19px; padding-top:3px; }
.kk-index .flash-box .flash-txt h3 { font-size:12px; height:19px; overflow:hidden; }
.kk-index .flash-box .flash-txt em { margin-left:8px; font:normal bold 14px Arial, Helvetica, sans-serif; color:#FF5B01; }
.kk-index .flash-box .flash-txt p { font-size:12px; color:#939393; height:19px; overflow:hidden; }