﻿@charset "utf-8";
/* CSS Document */
/*YUI reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{padding:0;margin:0;}
body,button, input, select, textarea { color:#000; font: 12px/1.5 "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1, Arial, SimHei; }/* 微软雅黑，黑体 */

body, button, input, select, textarea {font: 12px/1.5 tahoma,arial,宋体b8b\4f53;}
table {border-collapse:collapse; border-spacing:0;}
i,em{font-style:normal;}
img{ border:0; vertical-align:bottom;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
a{ text-decoration:none; color:#666; cursor:pointer; outline:0; }
a:hover{ text-decoration:none; }
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
.clearfix {
	clear:both;
}
/*end YUI reset*/
@charset "utf-8";
/** Reset Style **/
body,h1,h2,h3,h4,h5,h6,p,q,form,fieldset,figure,iframe,button,input,textarea,dl,ol,ul,li,dt,dd,hr,th,td { margin: 0;padding:0; }
body,button, input, select, textarea { color:#000; font: 12px/1.5 "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1, Arial, SimHei; }/* 微软雅黑，黑体 */

h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h3, h4, h5, h6 { font-weight: normal }
address, cite, em, var { font-style: normal; } 
small { font-size: 12px; } 
ul, ol { list-style: none; }
a { text-decoration: none; color:#000; }
a:hover , a.clicked  ,a.now{ color:#ff3636; }
q:before, q:after { content: ''; }
legend { color: #000; } /* for ie6 */
fieldset, img , button{ border: none; } 
button, input, select, textarea, h5, h6 { font-size: 100%;}
table { border-collapse: collapse; border-spacing: 0; }
hr { border: none; height: 1px; font-size:1px; width:100%; overflow:hidden; }

.fl{ float:left; }
.fr{ float:right;}
.width1000{ width:1000px; margin-left:auto; margin-right:auto; }
.width1280{ width:1280px; margin-left:auto; margin-right:auto; }}
.hidden{ display:none; }
.mt_5{ margin-top:5px; }
.mt_10{ margin-top:10px; }
.mt_15{ margin-top:15px; }
.mt_20{ margin-top:20px; }
.mt_25{ margin-top:25px; }
.mt_30{ margin-top:30px; }
.mt_35{ margin-top:35px; }
.mt_40{ margin-top:40px; }
.mt_50{ margin-top:50px; }
.ml_5{ margin-left:5px;}
.ml_10{ margin-left:10px;}
.ml_20{ margin-left:20px;}
.ml_30{ margin-left:30px;}
.ml_40{ margin-left:40px;}
.ml_50{ margin-left:50px;}

.mr_5{ margin-right:5px;}
.mr_8{ margin-right:8px;}
.mr_10{ margin-right:10px;}
.mr_15{ margin-right:15px;}
.mr_20{ margin-right:20px;}
.mr_30{ margin-right:30px;}
.mr_35{ margin-right:35px;}
.mr_40{ margin-right:40px;}
.mr_50{ margin-right:50px;}
.mr_55{ margin-right:55px;}
.mr_60{ margin-right:60px;}

.mb_10{ margin-bottom:10px; }
.mb_20{ margin-bottom:20px; }
.mb_25{ margin-bottom:25px; }
.mb_30{ margin-bottom:30px; }
.mb_60{ margin-bottom:60px; }
.mb_80{ margin-bottom:80px; }
.mb_170{ margin-bottom:170px; }

.pt_5{ padding-top:5px; }
.pt_10{ padding-top:10px; }
.pt_15{ padding-top:15px; }
.pt_20{ padding-top:20px; }
.pt_25{ padding-top:25px; }
.pt_30{ padding-top:30px; }
.pt_35{ padding-top:35px; }
.pt_45{ padding-top:45px; }

.pb_10{ padding-bottom:10px;}
.pb_15{ padding-bottom:15px;}
.pb_20{ padding-bottom:20px;}
.pb_25{ padding-bottom:25px;}
.pb_30{ padding-bottom:30px;}
.pb_45{ padding-bottom:45px;}

.pl_10{ padding-left:10px }
.pl_25{ padding-left:25px }
.pl_60{ padding-left:60px }
.pl_140{ padding-left:140px;}
.pr_10{ padding-right:10px }
.pr_40{ padding-right:40px }
.pr_60{ padding-right:60px }
.pr_140{ padding-right:140px;}

.pn_r{ position:relative;}
.ta_r{ text-align:right; }
.ta_c{ text-align:center; }

.hidden{ display:none; }

/*header*/
/*common header*/
header,#mc_header,#mc_nav,nav, footer { width:100%; }
#mc_header,.page,.w1000,footer {background:#FFF; }
#hdt0, #hdt1,#mc_footer,.page  , .page #mc_nav {width:1000px; margin:0 auto; }
#hdt0 {padding:2px 0 1px ; height:42px; overflow:hidden; font-size: 14px; }
#hdt0_l { float:left; max-width:500px; line-height: 42px;}
#hdt0_l li { float:left; padding-right:10px; padding-left:25px; background: url(../images/mc_hbgt.gif) -342px -18px no-repeat}
#hdt0_r { float: right; line-height:30px; padding-right:1px}
#logged-not , #logged { float:right;}
#logged {display:none; margin:5px }

.login-no,.login-success{float:right;}
ul.login-no li,ul.login-success li{float:left; margin-left:10px;}
.login-no a.login,.login-no a.register{display:inline-block; background: #000; color: #FFF; padding:0 16px;margin:5px 0 5px 10px}

#hdt_search {float:right}
.searchbtn { cursor:pointer; height:40px; width:40px; background:url(../images/hpbgw.png) -148px -221px no-repeat; text-indent:-9999px;}
.searchwd {border:1px solid #FFF; width:233px; padding:8px 0 8px 13px; color: #666; }
#hdt_search .searchwd {width:0px; }
#hdt_search.over , #ft_search form {border:1px solid #EBEBEC; background-color:#FFF }
.over .searchbtn , #ft_search  .searchbtn {background-position: -148px -178px}
#hdt_adv {text-align:center; max-height:90px; border-top:1px solid #F2F2F2}
#ad_tp728 { width:728px; margin:0px auto; }
#hdt1 {margin-top:15px; position:relative; height:120px}
#hdt_nvc { position: absolute; top: 0; left:200px; width:600px; text-align:center}
#hdt_nvl , #hdt_nvr { width:250px; position:absolute; top:0px;}
#hdt_nvl {left:0 }
#hdt_nvr {right:0px; text-align:right} 
#hdt_nvr ul {float:left; margin:30px 13px 0; text-align:left}
#hdt_nvl .channel-prev , #hdt_nvr .channel-next{ display:block; height:35px; margin-top:20px; background:url(../images/channel-arw.png) no-repeat left -35px; padding-left:25px;}
#hdt_nvr .channel-next{ background:url(../images/channel-arw.png) no-repeat right 0; padding-right:25px; padding-left:0px;}
#hdt_nvl .channel-prev:hover{ background-position:left -105px;}
#hdt_nvr .channel-next:hover{ background-position:right -70px;}

nav , #mc_nav { background:#FF3636; }
nav { height:50px; position:relative;}
#mc_nav { clear:both;height:50px; position:relative; z-index:999}
#mainnav {zoom:1; width:1000px; margin:0 auto; position:relative; z-index:990}
#mainnav li { float:left; line-height: 18px; font-size:14px; }
#mainnav a { padding: 16px 23px; color:#FFF; display:block}
#mainnav a:hover {background:#CC1616}
#nvbelite { background:url(../images/mc_hbgt.gif) no-repeat -361px 18px; padding-left:1px }
#nvbelite a {padding: 22px 25px 10px 55px; background:url(../images/hpbgw.png) no-repeat 25px -122px} 
#nvbelite a:hover {background:#CC1616 url(../images/hpbgw.png) no-repeat 25px -1137px}
#nvext { position:absolute; left:0; top:50px; width:100%; background:#FFF; border-bottom: 3px solid #000; padding-bottom:10px;z-index:99;height:0;display:none; overflow:hidden}
.nvext { position:absolute; width:100%; display:none }
.submenu { font-size:14px; margin:0 auto; width:1000px;  }
.submenu a { color:#000}
.nvexcaption {font-size: 18px; padding: 8px 0 10px 15px}
.nvelft , .nvergt , .nvergt li { float: left;}
.nvelft { border-right:1px solid #EBEBEC; width:190px; }
.nvelft li { height: 40px; line-height:40px}
.nvelft a { display:block; padding-left:50px; width:140px;}
.nvelft a:hover {background:#F7F7F7;}
.nvergt {width:720px; border-left:1px solid #EBEBEC; margin-left:-1px;  padding-right:5px }
.nvergt li { width:110px; padding:15px;height: 160px; text-align:center}
.nvergt img { display: block; margin: 0 auto 6px; width: auto;}
.nvergt a:hover  {background:none }

/*common footer*/
.grbfoot { background: #FAFAFA; padding:30px 0 40px 0; border-top:50px solid #FFF; }
.grbfoot .page {background:#FAFAFA }
#ft_more { margin-top:40px }
#ft_more  .th{ border-bottom: 1px solid #ebebec;  background: url(../images/hpbgw.png) no-repeat center -1317px; text-indent: -10000px;}
#ft_more li a { color:#949494; white-space:nowrap } #ft_more li a:hover { color:#ff3636; }
#ft_search { height:52px; padding-left: 350px; width: 650px }
#ft_search  form { height:40px; float:left;}
#hottags { word-spacing: 6px; line-height:30px }
#hottags a {font-size:14px; word-spacing: 1px; color:#666; padding:5px 7px; line-height:1; margin:3px; white-space:nowrap}
#hottags a:hover { background:#adadad; color:#FFF }
footer {border-top: 3px solid #FF3636; }
#mc_footer { padding: 95px 0 60px; background: #FFF url(../images/hpbgw.png) no-repeat center -1495px; text-align:center; }
#mc-f-0 { border-bottom:1px solid #000; line-height:30px; padding:10px 0; word-spacing:13px; padding-left:67px; text-align:left; font-size:14px}
#mc-f-1{word-spacing:30px; font-size:14px; line-height:50px}
#mc-f-2 { border-top:1px solid #000; line-height:24px; padding:6px 0; word-spacing:6px }
#mc-f-2 strong {word-spacing:-6px}
.copyright{color:#808080; font-size:12px; margin:16px;}

/*hdt1*/
#hdt_say {width:270px; padding-right:50px; #color: #666; }
.figr0 img {float: left; margin:7px 12px 0 0}
.figr0 span { font-size:18px; line-height:30px; color:#FF3636}
#hdt_mag {position:absolute;right:0px;top:0px}
.mag_cov {float:left; display:block; background: url(../images/hpbgw.png) -6px -182px no-repeat; padding:0 6px 7px 2px; margin: 10px 4px 0 0}
#hdt_mag img {display:block}
#hdt_mag ul {float:left; margin:30px 13px 0}

/**bshare**/
.up { width:100%; position:absolute; bottom:-40px; left:0; text-align:left; color:#FFF}
.up .text1{ margin:5px 10px 15px; line-height:18px; height:36px; overflow:hidden; } 
.up a {color: inherit }
.up .share1{ margin-left:10px; height:30px; white-space:no-wrap} 
.up dl {margin:5px 10px; } 
.up dt { margin-bottom: 5px; text-shadow: 1px 1px 1px #333}
.up dd { height: 40px; overflow:hidden; }
.trendsimg .up { bottom:-95px; }
.sharesmall{ width:151px; height:85px;  position:absolute; left:0; }
.sharesmall .text1{ width:130px; height:36px; position:absolute; top:0; left:0; margin-bottom:10px; color:#fff; font-size:16px; overflow:hidden;}
.sharesmall .share1{ width:140px; position:absolute; top:50px; left:0}

.up .bshare-custom .bshare-sinaminiblog {background: url(../images/mc_hbgi.png) no-repeat 0px -128px; }
.up .bshare-custom .bshare-qzone {background: url(../images/mc_hbgi.png) no-repeat -35px -128px; }
.up .bshare-custom .bshare-renren {background: url(../images/mc_hbgi.png) no-repeat -69px -128px; }
.up .bshare-custom .bshare-weixin {background: url(../images/mc_hbgi.png) no-repeat -105px -128px; }


.vshare{ width:50px; height:255px;  position:absolute; left:0px; top:370px;z-index:3; }
.bshare-custom.vshare a , .vshare a{ width:50px; height:50px; margin:0 0 1px 0; display:block; background:url(../images/icon01.png?) -10px -10px; padding:0;}
.bshare-custom.vshare .icon2 , .vshare .icon2{ background-position: -10px -61px;}
.vshare .icon2:hover{ background-position: -73px -61px; opacity:1}
.bshare-custom.vshare .icon3 , .vshare .icon3{ background-position: -10px -112px;}
.vshare .icon3:hover{ background-position: -73px -112px; opacity:1}
.bshare-custom.vshare .icon4 , .vshare .icon4{ background-position: -10px -163px;}
.vshare .icon4:hover{ background-position: -73px -163px; opacity:1}
.bshare-custom.vshare .icon5 , .vshare .icon5{ background-position: -10px -214px;}
.vshare .icon5:hover{ background-position: -73px -214px; opacity:1}
.bshare-custom.vshare .iconhb , .vshare .iconhb{ background-position: -136px -523px;}
.vshare .iconhb:hover{ background-position: -199px -523px; opacity:1}
.bshare-custom.vshare .icon6{ background-position: -10px -523px; display:none}
.vshare .icon6:hover{ background-position: -73px -523px; opacity:1}