/* common
----------------------------------------------------------------------------------------------------------------------*/
html { 
    font-size: 62.5%; 
}
#page .c16{color:#cf2f1e;}
body { color: #333;font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif;font-size: 12px;font-size: 1.2rem;-webkit-tap-highlight-color: rgba(255,255,255,0); }
a { 
    color: #333; 
}
a:hover{ 
    color: #cf2f1e;text-decoration: none; 
}
.title-mask {
    background-image: -webkit-gradient(linear, 0 bottom, 0 top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.0001)));
    background-image: -webkit-linear-gradient(top, color-stop(rgba(0, 0, 0, 0.6) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
}
textarea.lz-html, textarea.blank-fill {
    display: none;
}
h3, h2{ font-weight:normal;}
.row{ margin-top:20px; margin-bottom:20px;}
/*layout
----------------------------------------------------------------------------------------------------------------------*/
.container {/*移动浏览器负边距布局会造成浏览器左右晃动*/
    padding: 0 10px; width:1000px; margin:0 auto;
}
.container:before, .container:after {
    display: table;content: " ";
}
.container:after {
    clear: both
}
.mod {
    zoom: 1; margin-left: -10px; margin-right: -10px;
}
.mod:before, .mod:after, .mod-hd:before, .mod-hd:after {
    content: "";display: table;
}
.mod:after, .mod-hd:after {
    clear: both
}
.mod .col-l {
    float: left
}
.mod .col-r {
    float: right
}
.mod .col-m {
    zoom: 1;overflow: hidden;
}
.mod-hd { min-height: 1px; margin-bottom:15px;}
.mod-hd h2 {color: #000000;float: left;font-size: 21px;line-height: 22px;font-weight: normal;margin-right: 15px; height:24px;}
.mod-hd .mod-title { color: #000000; display:block; overflow:hidden; }
.mod-hd .more { color: #999999;font-size: 13px;float: right;margin-top: 5px}
.mod-hd  a.more:hover{ color:#cf2f1e;}
/* grid
----------------------------------------------------------------------------------------------------------------------*/
.grid-1x, .grid-2x, .grid-3x, .grid-4x, .grid-5x, .grid-6x, .grid-7x, .grid-8x, .grid-9x, .grid-10x, .grid-11x, .grid-12x {
    float: left; position: relative; min-height: 1px;padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.grid-1x {
    width: 8.333333333333332%;
}
.grid-2x {
    width: 16.666666666666664%;
}
.grid-3x {
    width: 25%;
}
.grid-4x {
    width: 33.33333333333333%;
}
.grid-5x {
    width: 41.66666666666667%;
}
.grid-6x {
    width: 50%;
}
.grid-7x {
    width: 58.333333333333336%;
}
.grid-8x {
    width: 66.66666666666666%;
}
.grid-9x {
    width: 75%;
}
.grid-10x {
    width: 83.33333333333334%;
}
.grid-11x {
    width: 91.66666666666666%;
}
.grid-12x {
    width: 100%;
}
/*icons
----------------------------------------------------------------------------------------------------------------------*/
.ico {
    vertical-align: middle;
    display: inline-block;
}
.ico-play {
    width: 41px;
    height: 41px;
    background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAMAAACfvvDEAAABAlBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////7Srm1AAAAVnRSTlMAAQIDBQYHCQoLDA8QEhMVFhcZGhseHyAhIiMkJSgpKywtLzAxNDU3ODk7PD9ESUpMTVBRUlRVVlpbXF1eYWJkZ2hpa2xtbm9xcnN0dXZ3ent8fX5/gDFKR5AAAAHaSURBVHhelZX9W9JQFMevvBlhgUKmKwiRQdii0ngVS2REXhyO2ef//1dySHdtbPLs/Hiezz3Pefmec4XPMsV6ezCWlhwP2vViRkRZTu/P8Wze13OhXLY5fgDgXs7kPQAP42Z2EzwcuZxtnrfKpUKp3Do3bZcdHQa4hC6BRae6t7P27OxVOwtA6on/wZRhg93TEv7nWs91GykPTBoOTGppEbR0bQKOkVRkw4Hhvgiz/SE4DVWMhGEuqnVDkOuyspdgFkSUFUy4fGpWE+zTdcJa/cUGempDcxX+GrrrYormn9H7ZLCsLly7yekOC23tPLZg+b0UQLUFji5Epg+df2HeWQDy82sfmexAPyMO5ixP1Os7AJh89KV7smR+IOowVR06Ulr6UU55ZG4KddGGCzXEY0XidD1tJC6gLQbQEiEk3H1VTW7BQNxgV8JJmH7afSIrNjfiFlmKIuHqw2pFSpJbYTHLR5Pw1iXzM6wtMX8ZL1XM5/JcfMt7eUbXjjPUfLVH9ZOftbSvn2pGAfL3WTYwIzV3H2l9yW/OXWnJI+3eUYiW/PrULOCqkgrRZ0Dzb+aYjd1QzQf2KFU9exW+RzF2M8a+x7ghce7S9lsX835uv8nx73z8v2P7f/QXBi/A4KcQku0AAAAASUVORK5CYII=);
}
.btn {
    display: inline-block;
    padding: 3px 8px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border:none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: 0;
}
/*form
----------------------------------------------------------------------------------------------------------------------*/
.form-control {
    display: block;
    width: 100%;
    _width:230px;
    height: 32px;
    *height:20px;
    padding: 4px 5px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    color: #666666;
    font-family:SimSun;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #333333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
            transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
    border-color: #333333;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control:-moz-placeholder {
    color: #bababa;
}

.form-control::-moz-placeholder {
    color: #bababa;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #bababa;
}

.form-control::-webkit-input-placeholder {
    color: #bababa;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
}
textarea.form-control {
    height: auto;
}
/*tab
----------------------------------------------------------------------------------------------------------------------------*/
.tab-content>.tab-pane,.ie6 .tab-content .tab-pane {
    display: none;
}
.tab-content>.active,.ie6 .tab-content .active {
    display: block;
}
/*dropdown
-----------------------------------------------------------------------------------------------------------------------------*/
.dropdown {
    position: relative;
}
.dropdown-toggle:focus {
    outline: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
}
.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}
/* sb-nav
----------------------------------------------------------------------------------------------------------------------*/
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0px;
    margin-top:-3px;
    vertical-align: middle;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
 *display:none;
}
.open .caret {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.head-search .form-control {
    padding-right: 31px;
}
.search-form-hd .form-group {
    overflow: hidden;zoom: 1;*margin-top:-1px;
}
/* page
----------------------------------------------------------------------------------------------------------------------*/
#page {
    background: #FFF;
    width: 100%;
    -webkit-backface-visibility: hidden;
}
#page:before, #page:after {
    display: table;
    content: " ";
}
#page:after {
    clear: both
}
.hidden-lg {
  display: none ;
}

/* header
----------------------------------------------------------------------------------------------------------------------*/
.header{ height:60px; padding-top:2px; position:relative; z-index:100;}
.header .head-logo{ float:left; height: 30px;padding: 15px 0;width: 255px;font-size: 14px;background: no-repeat left 15px url(../images/headlogoNew.png);_overflow:hidden;_display:inline-block;position:relative;}
.header .head-logo .logo {
    float: left;width: 250px;height: 30px;vertical-align: bottom;
}
.header .nav-menu{ height:30px; padding:15px 0 7px 0px ; /*width:168px;*/ float:left; margin-bottom:8px;}
.header .nav-menu.open .sub-menu,.header .open .sub-menu{ display:block;}
.header .nav-menu .dropdown-toggle{ height:30px;; padding-left:30px; width:auto; display:inline-block; color:#cf2f1e; line-height:30px; vertical-align:middle; background-position:left 3px;}
.header .nav-menu .sub-menu{ height:172px; width:464px; padding:10px 0px 0px 0px; overflow:hidden; border:1px solid #dddddd; box-shadow:1px -1px 1px #dddddd; background-color:#ffffff; top:47px; left:-34px;}
.header .nav-menu .sub-menu div{ padding-top:9px; padding-left:10px; height:19px; overflow:hidden; margin-bottom:9px;}
.header .nav-menu .sub-menu .mb17{ margin-bottom:17px;}
.header .nav-menu .sub-menu .cut-off-rule{ padding-top:16px; border-top:1px solid #dddddd; margin-top:8px;}
.header .nav-menu .sub-menu a{ display:inline-block; height:19px; width:auto; padding:0px 6px; margin-right:2px; font-size:13px; color:#333333; line-height:19px;}
.header .nav-menu .sub-menu .cut-off-rule a{ margin-right:0;}
.header .nav-menu .sub-menu a:hover{ color:#cf2f1e;}
.header .nav-menu .sub-menu a.active{ background-color:#cf2f1e; color:#ffffff;}

.header .mini-adarea{ height:40px; width:200px; padding:8px 0px 12px; overflow:hidden; float:left;}
.head-search { display: block; height:32px; width:258px; padding:14px 0; float:right;_width:228px; }
.head-search .search-form-hd {position: relative;  }
.head-search .form-control {padding-right: 36px;}
.search-form-hd .form-group {overflow: hidden;zoom: 1;}
.head-search .btn-search {float: right;width: 36px;height: 32px;line-height: 32px;background-color: #333333;color: #FFF;background-position: -1px -41px; _position:absolute; _top:1px; _left:239px;} 
.head-search label{position: absolute; top: 0; left: 10px; line-height:32px; color: #999999; font-size:13px; cursor: text;}
/* mian-nav
----------------------------------------------------------------------------------------------------------------------*/
.mian-nav{ height:40px; width:100%; background-color:#cf2f1e; border-bottom:4px solid #333333; font-size:15px; line-height:40px; color:#ffffff;_height:40px; overflow:hidden;}
.mian-nav .nav li{ display:block; height:100%; width:auto;float:left; _display:inline-block; }

.mian-nav .nav li.nav-header a{padding:0 22px;}
.mian-nav .nav li a{ display:block;_display:inline-block;  height:40px; width:auto;  color:#ffd4c3; line-height:40px; padding:0 14px;}
.mian-nav .nav li.active,.mian-nav .nav li a:hover{ background-color:#333333;}
.mian-nav .nav li.color-white a{ color:#ffffff; }
/* bigNews-nav
----------------------------------------------------------------------------------------------------------------------*/
.bigNews-nav{ height:40px; width:100%; background-color:#cf2f1e; border-bottom:4px solid #333333; font-size:15px; line-height:40px; color:#ffffff;_height:40px; overflow:hidden;}
.bigNews-nav .nav li{ display:block; height:100%; width:auto;float:left; _display:inline-block; }
.bigNews-nav .nav li a{ display:block;_display:inline-block;  height:40px; width:auto;  color:#ffd4c3; line-height:40px; padding:0 10px;*padding:0 9px;}
.bigNews-nav .nav li.active{ background-color:#333333;}
.bigNews-nav .nav li.color-white a{ color:#ffffff; }

/* footer
----------------------------------------------------------------------------------------------------------------------*/
#footer {
    text-align: center;
    margin-top: 20px;
}
#footer p a {
    padding: 0 5px;
}
#footer .container {
    line-height: 1.8;
    padding: 20px 0;
    border-top: 2px solid #DDD;
}
/* ad
----------------------------------------------------------------------------------------------------------------------*/
.ad-960 {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}
/* transition
----------------------------------------------------------------------------------------------------------------------*/
.blur {
    opacity: 0.8;
    -webkit-filter: blur(10px);
}
/*.mod-r .fade{-webkit-transition:.15s linear;-moz-transition:.15s linear;-ms-transition:.15s linear;-o-transition:.15s linear;transition:.15s linear;opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}
.mod-r .fade.in{opacity:1;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}*/
.blur, .ico-play, .btn-search, .caret, .movie-index p > a, .dropdown > a,.quickCode ,.affix-top{
    -webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -ms-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
}
/* 广告 */
.head-logo #hzlogo {
    
    width: 70px;
    height: 25px;
    position: absolute;
    left: 158px;
    top: 18px;
    background-color: #fff;
    line-height: 0;
}
.head-logo #hzlogo a {
    color: #333333;
    font-size: 15px;
    font-family: "Microsoft Yahei";
    line-height:30px;
}
.icons {
    background-image: url(../images/icons.png);
    _background-image: url(../images/icons_ie6.png);
    background-repeat: no-repeat;
}

.sideBar-help .on .quickCode{ width:180px; height:180px; border:10px solid #dddddd;left:-202px; top:-150px;}
.sideBar-help .quickCode{ height:0px; width:0; position:absolute;overflow:hidden; left:0; top:0 }
.sideBar-help .quickCode img{ height:180px; width:180px;}
.sideBar-help{position:fixed; _position:absolute; right:30px; bottom:30px; width:60px; height:auto; z-index:9999;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
.sideBar-help a.return-back{ height:50px; background-position: 0px -135px; margin-top:10px;}
.sideBar-help a.code{ background-position: 0px -195px; position:relative;}
.sideBar-help a.return-back:hover{ background-position: -65px -135px}
.sideBar-help a.code:hover{  background-position: -65px -195px}
.sideBar-help a.code,
.sideBar-help a.affix{ height:50px; width:60px; display:block;}
@media screen and (max-width:1024px){
    #sideBarHelp{ display:none;}
}
/* grid
----------------------------------------------------------------------------------------------------------------------*/
.ielt8 .grid-1x, .ielt8 .grid-2x, .ielt8 .grid-3x, .ielt8 .grid-4x, .ielt8 .grid-5x, .ielt8 .grid-6x, .ielt8 .grid-7x, .ielt8 .grid-8x,.ielt8  .grid-9x, .ielt8 .grid-10x, .ielt8 .grid-11x, .ielt8 .grid-12x{
    position: relative;
    min-height: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.ielt8 .grid-2x {
    width: 150px;
}
.ielt8 .grid-3x {
    width: 235px;
}
.ielt8 .grid-4x {
    width: 320px;
}
.ielt8 .grid-8x {
    width: 660px;
}
.ielt8 .grid-8x .grid-3x {
    width: 150px;
}
.ielt8 .grid-8x .grid-6x {
    width: 320px
}
.ielt8 .grid-8x .grid-12x {
    width: 660px;
}
.ielt8 .grid-4x .grid-6x {
    width: 140px;
}
.ielt8 .grid-4x .grid-12x {
    width: 320px;
}