@import url("/ui/2010v1/css/reset.css");
@import url("/ui/2010v1/css/general.css");

/*布局*/
.layout-wrap { width:960px; margin:0 auto;  padding-top:10px;}
.list-wrap { padding:15px; background:#FFFFFF; }
.sp { margin-bottom:10px;}

.sort-bar { width:930px; height:30px; overflow:hidden; margin-bottom:15px; background:url(/ui/2010v1/images/page_bg.gif) 0 0 no-repeat;}
.sort-bar .sort { float:left; padding-left:10px; height:30px; line-height:30px; color:#666666;}
.sort-bar .sort a { color:#0079B9; margin-right:20px;}
.sort-bar .sort a.current { color:#999999;}
.sort-bar .pages-t { float:right; height:30px; line-height:30px;}
.sort-bar .pages-t a { float:left; margin-top:5px; margin-right:10px;} 
.sort-bar .pages-t a.page-prev { width:22px; height:20px; overflow:hidden; text-indent:-9999px; background:url(/ui/2010v1/images/page.gif) 0 -30px no-repeat;}
.sort-bar .pages-t a.page-prev-dis { width:22px; height:20px; overflow:hidden; text-indent:-9999px; background:url(/ui/2010v1/images/page.gif) 0 0 no-repeat;}
.sort-bar .pages-t a.page-next { width:70px; height:20px; overflow:hidden; text-indent:-9999px; background:url(/ui/2010v1/images/page.gif) -30px 0 no-repeat;}
.sort-bar .pages-t a.page-next-dis { width:70px; height:20px; overflow:hidden; text-indent:-9999px; background:url(/ui/2010v1/images/page.gif) -30px -30px no-repeat;}
.sort-bar .pages-t span.page-count { float:left; color:#999999; margin-right:10px;}

.content-index { background:#FFFFFF; padding:15px; position:relative; }
.right-ad {position: absolute; right:15px; top:15px; width:350px; height:60px;}
.content-index h2.title { height:23px; margin-bottom:10px;}
.content-index h2.title span.name { float:left; height:23px; width:60px; text-indent:-9999px; background:url(/ui/2010v1/images/list_title_index.gif) 0 50% no-repeat;}
.content-index h3.tab { height:32px; border-left:1px solid #C8C8C8; background:url(/ui/2010v1/images/list_index_border.gif) 0 31px repeat-x;}
.content-index h3.tab a { color:#333333; font-size:14px; font-weight:normal; cursor:pointer; border-right:1px solid #C8C8C8; float:left; height:31px; text-align:center; line-height:32px; overflow:hidden; padding-left:15px; padding-right:15px; background:#EEEEEE url(/ui/2010v1/images/list_index_border.gif) 0 0 repeat-x;}
.content-index h3.tab a.current { height:32px; line-height:32px; background:#FFFFFF url(/ui/2010v1/images/list_index_border.gif) 0 0 repeat-x;}
.content-index .tab-box { padding:15px 15px 0 15px; border:1px solid #C8C8C8; border-top:none;}
.content-index h4.cat { height:23px; line-height:21px;  font-weight:normal; color:#C8C8C8; border-bottom:1px solid #E6E6E6; margin-bottom:10px;}
.content-index h4.cat a { color:#333333; font-size:12px; cursor:pointer;}
.content-index h4.cat a.current { font-weight:bold; cursor:text; background:#666; color:#FFFFFF; padding:2px 3px }
.content-index .cat-items li { height:24px; line-height:24px; vertical-align:bottom;}
.content-index .cat-items li span.label { float:left; width:6em; height:24px; color:#666666; }
.content-index .cat-items li a { color:#0079B9; padding:1px 3px;}
.content-index .cat-items li a.current { background:#0079B9; color:#FFFFFF;}
.content-index .con { height:23px;}
.content-index .con-close { display:none; text-indent:-9999px; cursor:pointer; width:108px; height:23px; overflow:hidden; margin:0 auto; background:url(/ui/2010v1/images/list_index_con.gif) 0 0 no-repeat;}
.content-index .con-open { display:none; text-indent:-9999px; cursor:pointer; width:108px; height:23px; overflow:hidden; margin:0 auto; background:url(/ui/2010v1/images/list_index_con.gif) 0 -23px no-repeat;}

.video-list { width:930px;}
.video-list-inner { width:968px; margin-right:-38px;}
.video-list dl.item { float:left; width:155px; height:180px; margin-right:38px; display:inline;}
.video-list dl.item dt { height:90px; position:relative; z-index:1; margin-bottom:5px;}
.video-list dl.item dt span.thumb { display:block; padding:4px; border:1px solid #C8C8C8;}
.video-list dl.item dt span.thumb a { display:block; width:145px; height:80px; overflow:hidden;}
.video-list dl.item dt span.thumb a img { width:145px;}
.video-list dl.item dt span.fav { position:absolute; bottom:5px; right:5px; display:block; height:16px; width:16px;}
.video-list dl.item dt span.fav a { display:block;  height:16px; width:16px;  text-indent:-9999px; background:url(/ui/2010v1/images/icon_addfav.gif) 0 0 no-repeat;}
.video-list dl.item dt span.favdy { position:absolute; bottom:5px; right:5px; display:block; height:16px; width:16px;}
.video-list dl.item dt span.favdy a { display:block;  height:16px; width:16px;  text-indent:-9999px; background:url(/ui/2010v1/images/icon_adddy.gif) 0 0 no-repeat;}
.video-list dl.item dt span.paid {position:absolute;left:1px;top:1px;display:block; width:40px;height:40px;overflow:hidden;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) 0px 0px no-repeat;}
.video-list dl.item dt span.paidtj{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -40px 0px no-repeat;}
.video-list dl.item dt span.paidby{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -80px 0px no-repeat;}
.video-list dl.item dt span.paid1y{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -120px 0px no-repeat;}
.video-list dl.item dt span.paid2y{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -160px 0px no-repeat;}
.video-list dl.item dt span.paid3y{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -200px 0px no-repeat;}
.video-list dl.item dt span.paid4y{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -240px 0px no-repeat;}
.video-list dl.item dt span.paid5y{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -280px 0px no-repeat;}
.video-list dl.item dt span.paid6y{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -320px 0px no-repeat;}

.video-list dl.item dt span.fav-ok { position:absolute; bottom:5px; right:5px; display:block; height:16px; width:16px;}
.video-list dl.item dt span.fav-ok a { display:block;  height:16px; width:16px;  text-indent:-9999px; background:url(/ui/2010v1/images/icon_addfav_ok.gif) 0 0 no-repeat;}
.video-list dl.item dd.title { height:32px; line-height:16px; margin-bottom:3px;color:#666666;}
.video-list dl.item dd.title a { color:#333333;}
.video-list dl.item dd.title a:hover { color:#0079B9;}
.video-list dl.item dd.name { height:19px; line-height:19px; overflow:hidden;}
.video-list dl.item dd.name a { color:#0079B9;}
.video-list dl.item dd.time { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999999;}
.video-list dl.item dd.popularity { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999999;line-height:180%;}
.video-list dl.item dd.popularity span{ font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#666;line-height:180%;}

.video-list2 { width:930px;}
.video-list2 dl.item { float:left; height:250px; width:20%; display:inline;}
.video-list2 dl.item dt { height:150px; width:110px; margin:0 auto; position:relative; z-index:1; margin-bottom:5px;}
.video-list2 dl.item dt span.thumb { display:block; padding:4px; border:1px solid #C8C8C8; }
.video-list2 dl.item dt span.thumb a { display:block; width:100px; height:140px; overflow:hidden;}
.video-list2 dl.item dt span.thumb a img { width:100px;}
.video-list2 dl.item dt span.fav { position:absolute; bottom:5px; right:5px; display:block; height:16px; width:16px;}
.video-list2 dl.item dt span.fav a { display:block;  height:16px; width:16px;  text-indent:-9999px; background:url(/ui/2010v1/images/icon_addfav.gif) 0 0 no-repeat;}
.video-list2 dl.item dt span.fav-ok { position:absolute; bottom:5px; right:5px; display:block; height:16px; width:16px;}
.video-list2 dl.item dt span.fav-ok a { display:block;  height:16px; width:16px;  text-indent:-9999px; background:url(/ui/2010v1/images/icon_addfav_ok.gif) 0 0 no-repeat;}
.video-list2 dl.item dt span.paid {position:absolute;left:1px;top:1px;display:block; width:40px;height:40px;overflow:hidden;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) 0px 0px no-repeat;}
.video-list2 dl.item dt span.paidtj{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -40px 0px no-repeat;}
.video-list2 dl.item dt span.paidby{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -80px 0px no-repeat;}
.video-list2 dl.item dt span.paid1y{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -120px 0px no-repeat;}
.video-list2 dl.item dt span.paid2y{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -160px 0px no-repeat;}
.video-list2 dl.item dt span.paid3y{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -200px 0px no-repeat;}
.video-list2 dl.item dt span.paid4y{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -240px 0px no-repeat;}
.video-list2 dl.item dt span.paid5y{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -280px 0px no-repeat;}
.video-list2 dl.item dt span.paid6y{position:absolute;left:1px;top:1px;display:block;width:40px;height:40px;text-indent:-9999px;background:url(/ui/2010v1/images/ico_pay.gif) -320px 0px no-repeat;}


.video-list2 dl.item dd.title { line-height:19px;margin:0 auto;width:120px;}
.video-list2 dl.item dd.title a { color:#0079B9;margin:0 auto;width:120px;}
.video-list2 dl.item dd.des { height:19px; line-height:19px; color:#999999; overflow:hidden;margin:0 auto;width:120px;}
.video-list2 dl.item dd.des a{ color:#333333;}


.list_mx{font:Verdana, Geneva, sans-serif;padding:10px 0px 0px 0px;}
.list_mx h1{color:#666;border-bottom:1px solid #ccc;width:920px;line-height:24px;font-size:24px;padding-bottom:5px;padding-left:10px;position:relative;margin-bottom:10px;}
.list_mx h1 span{font-size:12px;right:10px;top:5px;position:absolute; font-weight:normal;}
.list_mx h1 span a{color:#0079B9;margin-left:10px;}
.list_mx ul{margin-left:20px;}
.list_mx ul li{display:block;float:left;width:20%;line-height:24px;}
.list_mx ul li a{color:#0079B9;}

.height20{height:20px;}