@charset "utf-8";
/* CSS Document */
body{background:#f9f9f9!important;}
.wp,#wp{width:100%!important;}
.nex_rank_top{ width:100%; min-width:1240px; padding:50px 0; height:200px; background:url(nex_bg_rank.png) center no-repeat; background-size:cover; position:relative; overflow:hidden;}
.nex_rank_top:after{ content:''; width:330px; height:330px; position:absolute;bottom:-100px; right:50%;margin-right:-660px; background:url(nex_icon_rank.png) center no-repeat; background-size:100%;}
.nex_rank_top_inner{ width:600px; position:relative;top:70px;}
.nex_rank_top_inner h2{ height:35px; line-height:35px; overflow:hidden; font-size:32px; color:#fff; font-weight:500;}
.nex_rank_top_inner p{ height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#fff; font-weight:500; margin-top:15px;}

.nex_rank_main{ margin:30px 0 0 0;}
.nex_rank_tab{}
.nex_rank_tab dl{ display:table; margin:0 auto;}
.nex_rank_tab dl dd{ float:left; margin:0 20px; height:30px; line-height:30px; font-size:18px; color:#333; cursor:pointer;}
.nex_rank_tab dl dd.cur{ color:#3BCB85;}
.nex_rank_content{ margin-top:30px;}
.nex_rank_content dl dd{ display:none;}
.nex_video_listbox{}
.nex_video_listbox ul{ width:1288px;}
.nex_video_listbox ul li{ float:left; width:232px; margin:0 20px 20px 0;}
.nex_video_cover{width:232px; height:142px; position:relative; overflow:hidden; border-radius:4px;}
.nex_video_cover_outter{ width:40px; height:40px; position:absolute;top:-40px; right:-40px; transition:all 0.2s linear; background:rgba(0,0,0,.3); z-index:2;}
.nex_video_cover_outter a{ display:block;width:40px; height:40px; background:url(../fenlei/nex_icon_fav.png) center no-repeat; background-size:20px;}
.nex_video_cover:hover .nex_video_cover_outter{top:0px; right:0px;}
.nex_video_cover_inner_top{width:232px; height:142px; position:absolute;top:0;left:0;}
.nex_video_cover_inner_top a{ display:block;width:232px; height:142px;}


.nex_video_cover_inner{ width:212px; height:25px; line-height:25px; position:absolute;bottom:0;left:0; padding:0 10px;background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.3) 100%);}
.nex_video_cover_inner em{ display:block; float:left; font-size:12px; color:#fff; padding-left:20px; background:url(../index/nex_icon_view.png) left center no-repeat; background-size:15px;}
.nex_video_cover_inner span{ display:block; float:right; font-size:12px; color:#fff;}
.nex_video_info{ padding-top:15px;}
.nex_video_info h5{ height:44px; line-height:22px; overflow:hidden; margin-bottom:10px;}
.nex_video_info h5 a{ font-size:14px; color:#0c0d0f; font-weight:500;}
.nex_video_info h5 a:hover{color:#3BCB85;}
.nex_video_info_btm{ height:20px; line-height:20px;overflow:hidden; font-size:12px; color:#999;}
.nex_video_info_btm em{ display:block; float:left;}
.nex_video_info_btm i{ display:block; float:left; margin-left:10px; padding-left:10px; position:relative;}
.nex_video_info_btm i:before{ content:''; width:1px; height:10px; background:#ccc; position:absolute;left:0;top:5px;}

<div class="nex_rank_main">
	<div class="w1240">
    	<div class="nex_rank_tab">
        	<dl>
            	<dd class="cur">小编推荐</dd>
                <dd>热门视频榜单</dd>
                <dd>今日最新视频榜</dd>
                <dd>最新发布视频榜</dd>
                <div class="clear"></div>
            </dl>
        </div>
        <div class="nex_rank_content">
        	<dl>
            	<dd style="display:block;">
                	<div class="nex_video_listbox">
                    	<ul>