.search_part{margin-left:0;left:492px}
.search_part input{padding-right:0}
.left_header .toggle_nav p{padding: 15px 15px 0;}
#container{width:1220px;margin:20px auto 0}
#container .main{width:860px}
#container .top_hot_imgs{width:100%;height:339px}
#container .top_hot_imgs .hot_imgs_l,#container .top_hot_imgs .hot_imgs_l>a{width:458px;height:339px}
#container .top_hot_imgs .backer{width:100%;left:0;bottom:0;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));height:40px}
#container .top_hot_imgs p{font-size:18px;left:0;bottom:15px;width:96%;text-indent:20px;height:24px;overflow:hidden}
#container .top_hot_imgs a:hover p{color:#e63131}
#container .top_hot_imgs span{width:100%;height:100%;left:0;top:0;display:none}
#container .top_hot_imgs span img{left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute}
#container .top_hot_imgs a:hover span{display:block}
#container .top_hot_imgs a>img{width:100%;height:100%}
#container .hot_imgs_m p{line-height:14px;font-size:14px;text-indent:12px;bottom:10px;height:14px}
#container .hot_imgs_m span img{width:40px;height:40px;margin-left:-20px;margin-top:-20px}
#container .hot_imgs_m{width:394px;height:339px;margin-left:8px}
#container .hot_imgs_m>a{width:193px;height:105px;margin-right:8px;margin-bottom:12px;float:left}
#container .hot_imgs_m>a:nth-of-type(2n){margin-right:0}
#container .hot_imgs_m>a:nth-of-type(5),#container .hot_imgs_m>a:nth-of-type(6){margin-bottom:0}
#container .hot_and_new{height:580px;margin-top: 16px}
#container .hot_and_new_item{width:415px}
#container .hot_and_new_item h2,#container .right_media h2{height:46px;line-height:46px;font-size:24px;color:#333;font-weight:400;border-bottom:1px solid #eee}
#container .hot_and_new_item h2 span,#container .recommend_part h2 span{width:96px;height:2px;background:#e63131;left:0;top:46px}
#container .hot_and_new_item h2>a{right:0;top:5px;color:#888}
#container .hot_and_new_item h2>a:hover{color: #ee4b4b;}
#container .hot_and_new_item ul{padding-top:20px}
#container .hot_and_new_item li,#container .hot_and_new_item li>a{width:200px;height:158px;margin-bottom:15px}
#container .hot_and_new_item li:nth-child(2n){margin-left:12px}
#container .hot_and_new_item li em{font-style:normal;color:#d7d7d7;width:24px}
#container .hot_and_new_item li div{height:108px}
#container .hot_and_new_item li div img{width:100%;height:100%}
#container .hot_and_new_item li p{height:38px;margin-top:6px}
#container .hot_and_new_item li a:hover p{color:#e63131}
#container .hot_and_new_item li a:hover .backer{width:200px;height:108px;border:1px solid #ec4b4b;display:block;left:0;top:0;z-index:2;background:rgba(8,8,8,.2)}
#container .hot_and_new_item li a .play_hover{width:200px;height:108px;display:none}
#container .hot_and_new_item li a .play_hover img{width:40px;height:40px;left:50%;top:50%;margin-left:-20px;margin-top:-20px;position:absolute}
#container .hot_and_new_item li a:hover .play_hover{display:block}
#container .hot_and_new_item li .long{width:40px;height:20px;line-height:20px;background:rgba(8,8,8,.8);text-align:center;left:5px;top:83px;z-index:2}
#container .hot_and_new_item li .long img{width:8px;height:8px;margin:4px}
#container .rank_list>h2,#container .recommend_part>h2{height:46px;line-height:46px;font-size:24px;font-weight:400;border-bottom:1px solid #eee}
#container .rank_list>h2{height: 33px;line-height: 24px;}
#container .recommend_part li{width:100%;height:122px;padding:15px 0;border-bottom:1px solid #eee;}
#container .recommend_part li:hover{background:#f9f9f9}
#container .recommend_part li>a{height:90px}
#container .recommend_part li>a:hover h3{color:#e03835}
#container .recommend_part li>a:hover .backer{border:1px solid #e03835}
#container .recommend_part .rec_l{width:160px;height:90px}
#container .recommend_part .rec_l .backer{width:160px;height:90px;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,.5));z-index:2;left:0;top:0}
#container .recommend_part .rec_l img{width:100%;height:100%}
#container .recommend_part .rec_l span{right:10px;bottom:10px;z-index:3}
#container .recommend_part a h3{padding-left:20px;line-height:40px;height:40px;overflow:hidden;font-size:20px;font-weight:400}
#container .recommend_part .author{left:180px;bottom:32px;height:18px}
#container .recommend_part .author img{width:18px;height:18px;margin-right:7px;float:left;border-radius:50%}
#container .recommend_part .author span{line-height:18px;color:#888;display:block;float:left}
#container .recommend_part .author:hover span{color:#e03835}
#container .goto_more{width:100%;height:34px;font-size:16px;line-height:34px;border:1px solid #f34540;text-align:center;color:#f34540;cursor:pointer;margin-top:20px;transition:all ease .1s;border-radius:17px;margin-bottom:20px}
#container .goto_more:hover{background:#f34540;color:#fff}
.big_360_ad{height:288px!important}
.mid_360_ad{height:178px!important}
.big_360_ad h1,.mid_360_ad h1{font-size:20px;color:#333;font-weight:700;margin-bottom:10px;line-height:30px;height:30px;overflow:hidden}
.big_360_ad h1:hover,.mid_360_ad h1:hover{color:#f04b49}
.big_360_ad div{width:660px;height:220px;display:inline-block}
.big_360_ad div:hover img{border:2px solid #EC4B4B}
.big_360_ad div img{width:100%;height:100%;box-sizing:border-box}
.big_360_ad p,.mid_360_ad p{margin-top:8px;color:#999}
#good_select .select_news li.big_360_ad,#good_select .select_news li.mid_360_ad{height:auto}
.mid_360_ad div{overflow:hidden}
.mid_360_ad div>a{float:left;width:205px;height:115px;display:block;margin-left:10px}
.mid_360_ad div>a:first-child{margin-left:0}
.mid_360_ad div>a img{width:100%;height:100%;box-sizing:border-box}
.mid_360_ad div>a:hover img{border:2px solid #EC4B4B}
#container .right_side{width:320px;margin-top:28px}
#container .rank_list h2 a{right:0;top:4px;color:#888}
#container .rank_list h2 a:hover{color: #ee4b4b;}
#container .rank_list ul{border:1px solid #eee;background:#fcfcfc;padding:10px 12px}
#container .rank_list li{height:100px;padding:10px 0}
#container .rank_list li>a{height:80px}
#container .rank_list li i{font-style:normal;color:#d7d7d7;z-index:2}
#container .rank_list li div{width:140px;height:80px}
#container .rank_list li div>img{width:100%;height:100%}
#container .rank_list li div span{left:0;top:0;z-index:2;background:#888;line-height:24px;height:24px;width:24px;text-align:center;color:#fff}
#container .rank_list li iframe{width:100%;height:100px;overflow:hidden}
#container .rank_list li:nth-of-type(1) div span{background:#e03835}
#container .rank_list li:nth-of-type(2) div span{background:#f47b21}
#container .rank_list li:nth-of-type(4) div span{background:#f5ba08}
#container .rank_list li p{padding-left:10px;line-height:20px;height:40px;overflow:hidden;padding-top:12px}
#container .rank_list li a:hover p{color:#ec4b4b}
#container .rank_list li a:hover div{border:1px solid #ec4b4b}
#container .rank_list li a:hover span{left:-1px;top:-1px}
#container .right_media{margin-top:10px}
#container .right_media h2{border-bottom:none}
#content .right_media li{width:100%;height:265px;margin-bottom:13px;border:1px solid #eee;padding-left:15px;background:#fcfcfc}
#content .right_media .right_item_title{height:60px;line-height:60px;margin-top:6px}
#content .right_media .right_item_title img{width:40px;height:40px;margin-top:10px;margin-right:10px;border-radius:50%}
#content .right_media .right_item_title p{font-weight: bold;}
#content .right_media .right_item_title a:hover p{color: #ee4b4b;}
#content .right_item_con a{height:79px;margin-bottom:19px}
#content .right_item_con a div{width:140px;height:79px;overflow:hidden}
#content .right_item_con a div img{width:100%;height:100%}
#content .right_item_con a:hover div .backer{width:100%;height:100%;left:0;top:0;border:1px solid #ee4b4b}
#content .right_item_con a p{padding:0 10px 0 16px;line-height:22px;height:44px;width:160px}
.golden_baidu_r1 iframe,.golden_baidu_r2 iframe{margin-left:10px}

#lunboBox {
    width: 1220px;
    height: 291px;
    overflow: hidden;
    position: relative;
}
.lunboContent{
    position: absolute;
    width: 1220px;
    height: 291px;
}
.lunboContent a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.lunboContent a img{
    width: 100%;
    height: 100%;
    transition: all .4s;
}
.lunboContent a:hover img{
    transform: scale(1.1);
}
.lunboContent a .lb_mask1{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100px;
    bottom: 0;
    color: #fff;
    background: url(../../img/lb_mask.png) repeat-x;
}
.lunboContent a .lb_img_mask{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: none;
}
.lunboContent a:hover .lb_img_mask{
    display: block;
}
.lb_img_mask1{
    background: url(../../img/lb_mask_1.png);
}
.lb_img_mask2{
    background: url(../../img/lb_mask_2.png);
}
.lb_img_mask3{
    background: url(../../img/lb_mask_3.png);
}

.lunboContent>div{
    float: left;
    height: 291px;
    margin-right: 4px;
}
.lb_img1{
    width:456px;
}
.lb_imgs{
    width: 258px;
}
.lb_img2{
    width: 236px;
}
.lb_img3{
    width: 258px;
    height: 143px;
    margin-bottom: 5px;
}

#lunboBox .btns{
    position: absolute;
    top: 110px;
    width: 27px;
    height: 64px;
    background-image: url(../../img/lb_btn_mask.png);
    text-align: center;
    line-height: 54px;
    color: #fff;
    z-index: 10;
    cursor: pointer;
    /* display: none; */
    background-position: 0px 0px;
}
#lunboBox .rbtn{
   right: 0 !important;
   background-position: -37px 0px
}
#lunboBox .btns.active{
    background-position-y: -70px;
}

.lb_title{
    font-size: 18px;
    color: #fff;
    margin-left: 10px;
    line-height: 16px;
    height: 20px;
    position: absolute;
    bottom: 34px;
    overflow: hidden;
}
.lb_info{
    width: 90%;
    font-size: 14px;
    color: #ddd8d8;
    margin-left: 10px;
    height: 16px;
    line-height: 14px;
    position: absolute;
    bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
