/*页首样式*/
body{padding-top:40px}
.wp{width: 1000px;margin-left: auto;margin-right: auto}
.fl{float: left!important}
.fr{float: right!important}
.cl {zoom: 1}
.cl:after, .row:after {content: "";display: block;height: 0;visibility: hidden;clear: both}
.sub_header {background: #f2f3f5;border-bottom: 1px solid #cfcfcf;padding-top: 10px;}
ul{list-style: none}

#nfw_common_nav.top-nav{width: 100%;height: 40px;background: #444;color: #fff;position: fixed;z-index: 1000; top:0; left:0;font:14px/40px "Helvetica Neue", 微软雅黑, "Microsoft Yahei", Helmet, Freesans, sans-serif}
#nfw_common_nav.top-nav a,#nfw_common_nav.top-nav .nav a,#nfw_common_nav .more-btn{color: #fff; display:inline-block; text-decoration:none}
#nfw_common_nav.top-nav a:hover{color:#fff}
#nfw_common_nav.top-nav .nav_wp{width:1000px; margin:0 auto; clear:both;overflow:visible}
#nfw_common_nav.top-nav,#nfw_common_nav .pull,#nfw_common_nav.top-nav-menu,.group_zone{box-shadow:0 0 3px rgba(0,0,0,0.2)}
#nfw_common_nav.top-nav .nav_position{position: relative; float:left; display:inline}
#nfw_common_nav.top-nav .more_list{margin:0;position: absolute;top:40px;background: #444; width:240px; left:-5px; height:0px; padding:0px; overflow:hidden; transition:height 0.2s ease-in-out; -moz-transition:height 0.2s ease-in-out; -o-transition:height 0.2s ease-in-out; -webkit-transition:height 0.2s ease-in-out; box-shadow:2px 2px 3px rgba(0,0,0,0.3);}
#nfw_common_nav.top-nav .more_list li{ float:left; text-wrap:none; white-space:nowrap; min-width:60px; text-align:center;list-style:none}
#nfw_common_nav.top-nav .more_list a,#nfw_common_nav.top-nav .more_list a:visited{display: block;}
#nfw_common_nav.top-nav a:hover,.tras.on{text-decoration:none; background-color:#333;}
#nfw_common_nav.top-nav .nav-menu a{*margin-bottom:10px;margin: 0 3px}
#nfw_common_nav.top-nav .nav-menu{float:right;position: relative;}
#nfw_common_nav.top-nav a,.more-btn{padding:0 10px;float: left}
#nfw_common_nav.top-nav .up,#nfw_common_nav.top-nav .group .up{position:absolute; top:-7px;z-index:801; width:13px; height:7px; background:url(http://www.southcn.com/public/2014/images/up_white.png) center bottom no-repeat; display:block}
.close{margin-right: 0;position: absolute;right:0;top:0; width:40px; height:40px;line-height:36px; text-align:center;color:#000}
.nav .close{color:#000}
#nfw_common_nav .login_form .close{padding:0;color:#000;margin: 0;padding: 0;line-height: 35px;}
#nfw_common_nav .login_form .close:hover{background: transparent;color:#3668a5}
.wza{text-indent: -20em;width:15px;overflow: hidden}
.wza_1{background: url(../images/wza01.png) no-repeat 50% 50%}
.wza_2{background: url(../images/wza02.png) no-repeat 50% 50%}
.wza_3{background: url(../images/wza03.png) no-repeat 50% 50%}

#nfw_common_nav.top-nav .top-nav-menu{width: 380px;position: absolute;background: #fff;z-index:1000;color: #000;top:36px;right:0;padding:30px 20px 20px;border: 1px solid #cfcfcf;display: none}
#nfw_common_nav.top-nav .top-nav-menu .up{right:11px}
#nfw_common_nav.top-nav .top-nav-menu h3{font-weight: bold;margin-bottom: 10px;text-align: left;margin-top:0}
#nfw_common_nav.top-nav .top-nav-menu a{color:#000; padding:0}
#nfw_common_nav.top-nav .often{margin-right: 10px;line-height: 23px;font-size: 16px}
#nfw_common_nav.top-nav .often-menu{overflow: hidden;*zoom:1;line-height: 23px;text-align: left}
#nfw_common_nav.top-nav .top-nav-menu .often-menu a{float: left;margin: 2px 0;padding-right: 16px;white-space: nowrap;color:#000}
#nfw_common_nav.top-nav .often-menu a:hover,#nfw_common_nav.top-nav .top-nav-menu .close:hover{background: transparent;color: #3668a5}
#nfw_common_nav.top-nav .like{margin-top: 10px;padding-top: 10px;border-top: 1px dashed #cfcfcf;line-height: 22px; clear:both}
#nfw_common_nav.top-nav .like-item{float: left;width: 240px}
#nfw_common_nav.top-nav .like .like-item li{margin-top : 0}
#nfw_common_nav.top-nav .like h3{font-size: 16px}
#nfw_common_nav.top-nav .nav-menu .menu-btn{display: none;}
#nfw_common_nav.top-nav .icon-down,#nfw_common_nav.top-nav .icon-up,#nfw_common_nav.top-nav .icon-down-blue,#nfw_common_nav.top-nav .icon-media-wall,#nfw_common_nav.top-nav .icon-hot,#nfw_common_nav.top-nav .icon-plus{position: relative}
#nfw_common_nav.top-nav .icon-down-white{background:#0857a2; color:#fff; width:40px; padding:0 8px;height:28px; text-align:center;display:block}
#nfw_common_nav.top-nav .icon-down-white:hover {background: #034380; color:#fff}
#nfw_common_nav.top-nav .icon-down span,#nfw_common_nav.top-nav .icon-down-blue span,#nfw_common_nav.top-nav .icon-media-wall span,#nfw_common_nav.top-nav .icon-hot span,#nfw_common_nav.top-nav .icon-plus span{position: absolute}
#nfw_common_nav.top-nav .icon-down,#nfw_common_nav.top-nav .more_btn.icon-down{background: url(../images/down.png) right center no-repeat; padding-right:25px;}
#nfw_common_nav.top-nav .icon-up,#nfw_common_nav.top-nav .more_btn.icon-up{background: url(../images/up.png) right center no-repeat; padding-right:25px;}
#nfw_common_nav.top-nav .icon-down-blue span{width: 12px;height: 12px;background: url(../images/down-2.png) no-repeat;right: -17px;bottom: 50%;margin-bottom: -6px}
#nfw_common_nav.top-nav .icon-down-blue.up span{background: url(../images/up_arrow.png) no-repeat}
#nfw_common_nav.top-nav .icon-hot span{width: 19px;height: 14px;background: url(../images/hot.jpg) no-repeat;right: 0;top: 50%;margin-top: -24px}
#nfw_common_nav.top-nav .icon-plus span{width: 14px;height: 14px;background: url(../images/plus.png) no-repeat;left: -17px;bottom: 50%;margin-bottom: -8px}
#nfw_common_nav.top-nav .login-btn{background:url(../images/i_user.png) 3px 50% no-repeat #9d0204; border-radius:2px; width: 36px;height: 24px;padding-left:30px;padding-right:0;margin-right:12px;line-height:24px;float: left;overflow: hidden;margin-top:8px!important}
#nfw_common_nav.top-nav .login-btn:hover{background-color:#ba0002;}
#nfw_common_nav.top-nav .login_form{display:none;position: absolute;width: 280px;padding:0 20px 25px;background: #fff;color:#000;z-index: 1001;top:41px;right:0px;border: 1px solid #cfcfcf;;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);box-shadow: 0 0 3px rgba(0,0,0,.2)}
#nfw_common_nav.top-nav .login_error{color: #888;font-size: 12px;height:30px;line-height: 30px;}
#nfw_common_nav.top-nav .login_error label{padding-left: 6px}
#nfw_common_nav.top-nav .legend{background: #f5f5f6;margin-left: -20px;margin-right: -20px;}
#nfw_common_nav.top-nav .legend h3{float: left;font-weight: normal;font-size: 16px;margin-left: 20px}
#nfw_common_nav.top-nav .login_form .login_cls{font-family:"Helvetica Neue", 微软雅黑, "Microsoft Yahei", Helmet, Freesans, sans-serif;float: left;width: 256px;height: 30px;line-height:22px;text-indent: 6px;padding:4px 0 4px 22px;border: 1px solid #ddd;margin-bottom: 16px;}
#nfw_common_nav.top-nav .login_user{background: url(../images/icon-user.png) no-repeat 6px center}
#nfw_common_nav.top-nav .login_pw{background: url(../images/icon-pw.png) no-repeat 6px center}
#nfw_common_nav.top-nav .login_meta{line-height: 16px;font-size:12px;}
#nfw_common_nav.top-nav .auto_login{position: relative;top:2px;margin-right:4px}
#nfw_common_nav.top-nav .login_meta a{background: transparent;padding: 0;margin:0;font-size:12px;color: #000;display: inline;float: none;}
#nfw_common_nav.top-nav .login_meta a:hover{background: transparent;color: #3668a5;}
#nfw_common_nav.top-nav .login_btn{font-family:"Helvetica Neue", 微软雅黑, "Microsoft Yahei", Helmet, Freesans, sans-serif;width:280px;height:45px;line-height:45px;font-size:18px;margin-top:20px;border:1px solid #1e68a5;background:#3668a5;cursor: pointer;text-align: center;color:#fff;  }
#nfw_common_nav.top-nav .login_btn:hover{background-color: #3382c7}
#nfw_common_nav.top-nav .login_dv{text-align: center;margin: 5px 0;}
#nfw_common_nav.top-nav .social_area{margin-right: -8px;}
#nfw_common_nav.top-nav .social_area a{transition:none;text-align:left;background: url(../images/social_btn_3.png) no-repeat 0 0;width: 86px;height: 39px;line-height:39px;padding: 0 0 0 50px;margin: 0 8px 0 0;color: #333;}
#nfw_common_nav.top-nav a.social_weibo{background-position: -138px 0}
#nfw_common_nav.top-nav a.social_weibo:hover{background-position:-138px -39px;color:#679463 }
#nfw_common_nav.top-nav a.social_qq:hover{background-position: 0 -39px;color: #c16f42 }
#nfw_common_nav.top-nav a.home_link{display:none}
#nfw_common_nav.top-nav .register_area{font-size: 12px;margin-right: 40px;float: right}
#nfw_common_nav.top-nav .register_btn{float: none;color:#3f89ec;padding:0}
#nfw_common_nav.top-nav .register_btn:hover{background: transparent;text-decoration: underline;color:#3f89ec;}
#nfw_common_nav.top-nav .more_btn{cursor:pointer; display:inline-block; padding:0px 10px;}
#nfw_common_nav.top-nav .more_btn:hover .more_list{ height:130px;}

.sub_header .logo{background: url(../images/page-logo.png) no-repeat;width: 101px;height: 37px;overflow: hidden;display: block;text-indent: -20em;margin-top: 6px;margin:5px 20px}
.sub_header .hd{min-height: 43px;padding-bottom: 5px}
.sub_header .sub{line-height: 28px}
#nav_link_fx{width: 480px;margin-top: 10px}
.sub_header .sub a,.sub .font_link{white-space: nowrap;font-size: 14px;padding: 0px 3px; margin-top:10px; color:#333333;text-decoration:none;}
.sub_header .sub .dot{font-size: 26px;float: left;white-space: nowrap;line-height: 25px;}

.sub_header .search_text select{overflow: hidden;border: 0px solid #cfcfcf;width: 67px; padding-top:4px;background: url(../images/down-21.jpg) no-repeat 45px 50% #fff;}
.sub_header option{background-color:#fff;border-top: 0px solid #cfcfcf;}
.sub_header .search_form{margin-top: 8px;position: relative;float: right;height: 32px;width: 326px}
.sub_header .search_text,.sub_header .search_menu,.sub_header .search_selected,.sub_header .search,.sub_header .search_btn{float: left}
.sub_header .search_selected{width: 65px;height: 30px;line-height: 30px;border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;    padding-left:0px;cursor: pointer;background: url(../images/down-2.jpg) no-repeat 45px 50% #fff}
.sub_header .search_menu{outline: 0}
.sub_header .search_menu ul{position: absolute;border: 1px solid #cfcfcf;border-top: 0;top:31px;background: #fff;display: none;left:0; z-index:999}
.sub_header .search_menu li{width: 55px;height: 30px;padding-left: 8px;line-height: 30px;cursor: pointer}
.sub_header .search_menu li:hover,.selected{background: #408cd7;color:#fff}
.sub_header .search{border: 1px solid #cfcfcf;width: 185px;height: 30px;outline: 0;padding:0 5px;line-height: 30px}
.sub_header .search_btn{width: 60px;height: 32px;line-height: 32px;border: 0;background: #408cd7;color: #fff;cursor: pointer}

.slider_show,.roll_wrap{height:132px; overflow:hidden}
#headline_rec .roll_wrap{height:auto}
.slider_box{width: 309px}
.slider_pager{float: left;background: #f2f3f5;position: relative;left: -25px}
.slider_pager span{display: block;cursor: pointer;width: 10px;height: 10px;margin-bottom: 10px;line-height: 4px;background: #ddd;}
.slider_pager .cycle-pager-active{background: #3668a5}
.header_banner{border-bottom: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;padding-left:20px;margin-right: 20px;height:132px;}
.header_ad_title{float: left;width: 150px}
.header_ad_title h2{font-weight: bold}
.header_ad_content{float: right;padding: 10px;border: 1px solid #cfcfcf;background: #fff;position: relative;bottom:-1px}
/*南方快报样式*/
#timeline-content{
    height: 500px;
    overflow: hidden;
}
.nfw_lw_timeline p {
    font-size: 12px;
    line-height: 18px
}

.nfw_lw_timeline img {
    float: left;
    margin-right: 5px;
    width: 105px;
    height: 70px
}
.nfw_lw_timeline p {
    color: #555
}

.nfw_lw_timeline ul {
    padding-top: 0
}

.nfw_lw_item {
    margin: 0;
    height: 100%; overflow:hidden;
    padding:0 10px 10px 10px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}
.nfw_lw_timeline h3 {
    display: block;
    font-size: 14px;
    line-height:1.5em; padding:10px 0
}
.nfw_lw_timeline a,.nfw_lw_item img {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

.nfw_lw_timeline a {
    display: block;
}

.nfw_lw_timeline a:hover {
    background: #eee
}

.nfw_lw_timeline .nfw_lw_l {
    float: left;
    width: 3px;
    height: 40px;
    background: url(../images/timeline-left.jpg) 0 10px no-repeat
}

.nfw_lw_timeline .nfw_lw_m {
    background: url(../images/timeline-center.jpg) 0 10px repeat-x;
    float: left;
    height: 40px;
    color: #fff;
    font-size: 12px;
    padding: 0 10px
}

.nfw_lw_timeline .nfw_lw_r {
    float: left;
    width: 7px;
    height: 40px;
    background: url(../images/timeline-right.jpg) 0 10px no-repeat
}

.nfw_lw_time {
    background: url(../images/gray_dash_line.gif) 0 20px repeat-x;
    line-height: 40px;
    height: 40px;
    margin-left: 5px;
    clear: both
}

.nfw_lw_time_first .nfw_lw_m {
    background: url(../images/timeline-center-red.jpg) 0 10px repeat-x;
}

.nfw_lw_time_first .nfw_lw_l {
    background: url(../images/timeline-left-red.jpg) 0 10px no-repeat
}

.nfw_lw_time_first .nfw_lw_r {
    background: url(../images/timeline-right-red.jpg) 0 10px no-repeat;
}




/*视频稿件播放按钮*/
.v_icon {display:block; position:absolute; z-index:10; left:0; top:0; background: url(../images/ico_play.png) 95% 90% no-repeat; width:100%; height:0; overflow:hidden; padding-bottom:65%}
.v_icon:hover {background: url(http://www.southcn.com/public/2014/images/ico_play_on.png) 95% 90% no-repeat}

/*页脚样式*/
#nfw_common_footer.footer{background-color:#0A70B1;border-top:1px solid #cfcfcf;padding:20px 0; clear:both; font:14px "Helvetica Neue", 微软雅黑, "Microsoft Yahei"; text-align:center}
#nfw_common_footer.footer p{margin-top:5px;color:#F4E7E7}
#nfw_common_footer.footer a,#nfw_common_footer.footer span{margin:0 5px;color:#F4E7E7}
#nfw_common_footer.footer a:hover{color:#6e6e6e;}
.show_list{display:none}

@media screen and (max-width:770px){
    body {font-family:Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); background:#f5f5f5}
    a,li{-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-ms-transition:all 0s linear;-o-transition:all 0s linear;transition:all 0s linear}
    a:active{background-color:rgba(0,0,0,0.5)}
    .wp,.main{width:100%; padding:0}
    .sub_header .logo{display:none}
    #nfw_common_footer.footer{padding:10px; width:auto}
    #nfw_common_footer.footer a{display:inline-block}
    .sub_header .search_form{display: none}
    .sub_header .search{position:absolute;}
}