@charset "utf-8";

#top .ranking {position:absolute; right:0; top:0; width:280px; margin:35px 0 0 0; padding:10px 0; cursor:pointer}
#top .ranking:hover .over {display:block}

#top .ranking span {display:inline-block;}
#top .ranking .title {float:left; line-height:18px; background:transparent url('../../images/icon_exc.png') left center no-repeat; font-weight:bold; letter-spacing:-1px; padding:0 0 0 17px; color:#333; margin:0 10px 0 0}
#top .ranking .item {font-size:11px;  color:#333; }
#top .ranking .num {background:#ff6600; width:20px; text-align:center; line-height:18px; color:#fff; font-weight:bold; font-family:verdana; font-size:11px; margin-right:5px;}

#top .ranking .over {display:none; position:absolute; left:0; top:0; width:216px; background:#fff; border:2px solid #4f465c; cursor:default}
#top .ranking .over dt {background:#f7f7f7; text-align:center; font-size:14px; font-weight:bold; padding:; border-bottom:1px solid #cfcfcf; line-height:40px; letter-spacing:-1px; color:#333}
#top .ranking .over dt b {color:#7c11cf}
#top .ranking .over dd {border-bottom:1px solid #eaeaea; position:relative; background:transparent url('../../images/arrow_right.gif') 202px center no-repeat; }
#top .ranking .over .item {font-size:11px; color:#333; display:block !important; overflow:hidden; padding:5px 13px; }
#top .ranking .over .item:hover {background-color:#3e3742; color:#fff;}
#top .ranking .over dd:hover .item_over {display:block;}

#top .ranking .over .num {background:#ff6600; width:20px; text-align:center; line-height:18px; color:#fff; font-weight:bold; font-family:verdana; font-size:11px; margin-right:5px;}
#top .ranking .over .time {text-align:center; font-size:11px; color:#999; padding:8px 0; border-bottom:0; background:none;}

#top .ranking .item_over {display:none; position:absolute; left:0; top:0; border:2px solid #3e3742; background:#3e3742; margin-left:-104px;}
#top .ranking .item_over b {display:block; text-align:center; font-weight:bold; color:#ffd800; font-family:verdana; font-size:11px; padding:5px 0;}