@charset "utf-8";
/* CSS Document */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.sub-logo h1 { height: 24px; }
#vote { background-color: #c80000; text-align: center }
.layout { width: 950px; margin: 0 auto; text-align: left; }
#topBanner { background: url(img/topBg.jpg) no-repeat top center; height: 513px; }
.item .hd { position: relative; padding: 40px 0; }
.item .hd h3 , .item .hd h3 a { float: left; font-size: 50px; font-family: Microsoft Yahei; color: #fff; line-height: 52px; display:block }
.item .hd h3 a:hover{ text-decoration:none; text-shadow:0 3px 1px rgba(0,0,0,0.28)}
.item .hd p { float: left; font-size: 14px; line-height: 24px; color: #fff; padding-top: 4px; padding-left: 20px; width:470px}
.item .hd p strong { font-size: 16px; color: #ffff00 }
.item .light { float: right; color: #fff }
.item .light .img { display: block; float: left; width: 42px; height: 80px; background-image: url(img/light.png); background-repeat: no-repeat; background-position: 0 0; margin-top: -38px; }
.item .light .img_1 { background-position: 0 0 }
.item .light .img_2 { background-position: -42px 0 }
.item .light .img_3 { background-position: -84px 0 }
.item .light .img_4 { background-position: -126px 0 }
.item .light .img_5 { background-position: -168px 0 }
.item .light .action { float: left; text-align: center; position: relative; margin-left: 20px; }
.item .light .action a { display: block; width: 66px; height: 23px; line-height: 99px; overflow: hidden; background: url(img/btn_light.png) no-repeat 0 0; margin: 0 auto; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.item .light .action a:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; transform: translateX(-5px); -webkit-transform: translateX(-5px); }
.item .light .action span { display: block; line-height: 30px; color: #fff; }
.item .bd { padding-bottom: 50px; }
.item .bd ul { margin-left: -20px; }
.item .bd ul li { width: 174px; margin-left: 20px; margin-bottom: 30px; float: left; color: #fff; position: relative }
.item .bd ul li .txt { position: absolute; top: 0px; left: 0px; height: 174px; overflow: hidden; }
.item .bd ul li .txt .txt_mask { background-color: rgba(0,0,0,0.70); padding: 0 10px; height: 174px; margin-top: 138px; transition: all .5s linear; -webkit-transition: all .5s linear; }
.item .bd ul li .txt:hover .txt_mask { transform: translateY(-138px); -webkit-transform: translateY(-138px); }
.item .bd ul li .txt .txt_mask b { display: block; height: 36px; line-height: 36px; font-size: 16px; }
.item .bd ul li .txt .txt_mask p { line-height: 18px; }
.item .bd ul li .vote_box { background-color: #fff; height: 44px; line-height: 44px; padding-left: 10px; }
.item .bd ul li .vote_box p { line-height: 44px; color: #787878 }
.item .bd ul li .vote_box p b { font-weight: normal; font-size: 16px; }
.item .bd ul li .vote_box span { float: right; }
.item .bd ul li .vote_box span a { display: block; width: 75px; height: 44px; line-height: 99px; overflow: hidden; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
.item .bd ul li .vote_box span a:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.item .bd .button { text-align: center; margin-top: 20px; }
.item .bd .button a { display: block; width: 174px; height: 53px; line-height: 999px; overflow: hidden; background: url(img/btn_apply.png) no-repeat 0 0; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; margin: 0 auto }
.item .bd .button a:hover { transform: translateY(-2px); -webkit-transform: translateY(-2px); }
.item-black { background-color: #141414; }
.item-black .bd ul li .vote_box span a { background: url(img/btn_vote.png) no-repeat 0 0; }
.item-red { background-color: #c80000; }
.item-red .bd ul li .vote_box span a { background: url(img/btn_vote2.png) no-repeat 0 0; }
.vote-footer{ background:#000; padding:40px 0}
.vote-footer .links { padding:20px 0}
.vote-footer .links dl{ margin-bottom:20px;}
.vote-footer .links dt{ float:left; width:85px;}
.vote-footer .links dd{ float:left; width:865px;}
.vote-footer .links dd li{ float:left; color:#fff; line-height:32px; padding-left:10px; font-size:16px;}
.vote-footer .links dd li span{ color:#fff; padding:0 14px; line-height:32px;}
/*modal*/
.modal { position: absolute; z-index: 1002; box-shadow: 1px 1px 2px 2px #888; background: #fff; width: 400px; _overflow: hidden; top: 10%; left: 50%; margin-left: -200px; }
.modal-title { height: 42px; line-height: 42px; padding: 0 20px; font-size: 16px; border-bottom: 1px solid #ddd; font-weight: normal; color: #565656 }
.modal .close { position: absolute; top: 10px; right: 20px; text-decoration: none; font: 500 20px/1.8 'Hiragino Sans GB', Arial, SimSun, 'WenQuanYi Micro Hei', sans-serif }
.modal .close { float: right; font-size: 20px; font-weight: bold !important; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); }
.modal .close:hover { opacity: .5; filter: alpha(opacity=50); }
.modal-contents p { font-size: 14px; color: #565656; line-height: 24px;  }
.modal .typo-p a { color: #f00; text-decoration: none }
.modal .typo-p a:hover { text-decoration: underline }
.modal .typo-p label { line-height: 24px; font-size: 13px; color: #565656; margin-bottom: 5px; cursor: pointer; }
.modal .typo-p label * { vertical-align: baseline }
.modal .button { font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; display: inline-block; height: 32px; line-height: 32px; padding: 0 15px; background: #ec5524; color: #fff!important; border-radius: 2px; cursor: pointer; border: 1px solid #e74c3c; font-size: 13px; text-decoration: none }
.modal button.button { height: 34px; }
.modal .button:hover { box-shadow: 0 1px 2px #898989 }
.modal .button-grey { background: #f8f8f8; border: 1px solid #e8e8e8; color: #666!important; margin-left: 5px; }
.modal-backdrop { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #111\9; filter: alpha(opacity=30)\9; background: rgba(18,18,18,0.3); z-index: 1001; }
.Hide { display: none }
.show { display: block; }
.modal p.tr_right { text-align: right !important }
.modal p.tr_left { text-align: left !important }
.modal hr { border: 0; border-bottom: 1px solid #cfcfcf; margin-bottom: 10px; height: 10px; }
.modal .highlight { color: #f00 }
.modal .collapse.in,
.modal .in { height: auto; }
.modal .in, .modal .fade.in { opacity: 1; }
/*form*/
.form_common{ padding-left:20px; padding-bottom:20px;}
.form_common b{ line-height:32px; padding-left:5px; color:#f00}
.form_common th{ text-align:left; padding-right:10px; padding-bottom:6px; color:#565656}
.form_common td{ padding-bottom:6px; }
.form_common input[type=text]{ width:140px;}
.form_common .ipt { float: left; padding: 0 10px; margin-right: 5px; position: relative; font-family:Microsoft Yahei }
.form_common .textarea,
.form_common .ipt,
.form_common .select { line-height: 28px; border: 1px solid #e4e2e2; height: 28px; outline: none; color: #323232; font-size: 12px; }
.form_common .textarea { width: 240px; height: 36px; padding:2px 8px;}
.form_common .textarea:focus,
.form_common .ipt:focus { border-color: #fa0; background-color: #ffe; box-shadow: 0 2px 2px #e4e4e4; color: #323232 }

.leftFloat{ position:absolute; right:2%;}
#channel_kf area{ outline:none}