/*the common*/
body{ min-width:1000px; font-size:12px; font-family:"SimSun"; background:#f5f5f5;}
.wrapper{ background:url(../jpg/91.jpg) no-repeat center top;}
button,input,select,textarea{ vertical-align:baseline; *vertical-align:middle; outline:none}
a:focus,a:active,a:hover{ outline:none}

.c-tx{ color:#2d75ac}
.c-tx:hover{ text-decoration:underline}

.mask{ display:block; z-index:-1; position:absolute; top:0; left:0; background:#000; filter:alpha(opacity:50); opacity:.50}
:root .mask{ filter:none \0}

.mask1{ display:block; z-index:-1; position:absolute; bottom:0; left:0; width:100%; height:78px; background:url(../png/mask1.png) repeat-x;}

.gb-list2{ overflow:hidden; *zoom:1; font-size:0}
.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top}
.gb-list2-con,.gb-list2-c2,.gb-list2 .txt,.gb-list2 .tit{ display:block; *zoom:1; overflow:hidden; cursor:pointer}
.gb-list2-con{ margin-left:auto; margin-right:auto}
*html .gb-list2-con:hover{ direction:ltr}
.gb-list2-c1{ display:block}
.gb-list2 .avatar,.gb-list2-c2{ font-size:12px}
.gb-list2 .txt{ width:98%; margin-left:auto; margin-right:auto; text-overflow:ellipsis}
.gb-list2 .cover,.gb-list2 .mask{ display:none; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; width:400px; height:300px; background:#000; filter:alpha(opacity:75); opacity:.75}
:root .gb-list2 .mask{ filter:none \0}
.gb-list2-con:hover{ text-decoration:none}
.gb-list2-con:hover .txt{ text-decoration:underline}

.ico-video{ display:inline-block; vertical-align:middle; width:40px; height:40px; background:url(../png/sprite-png24.png) no-repeat;}
.ico-video{ background-position:0 0;}

.comm-list1{ overflow:hidden; *zoom:1;}
.comm-list1 .gb-list2-item{ float:left; width:100%; padding:10px 0;}
.comm-list1 .gb-list2-con{ position:relative; border:2px solid #f5f5f5;}
.comm-list1 .gb-list2-con:hover{ border-color:#0093f0;}
.comm-list1 .gb-list2-c1{ position:relative;}
.comm-list1 .gb-list2-c2{ position:absolute; z-index:2; bottom:0; left:0; width:100%; padding-top:40px;}
.comm-list1 .gb-list2-con, .comm-list1 .avatar{ width:185px; height:200px}
.comm-list1 .txt{ font-size:14px; color:#fff; height:38px; line-height:38px;}
.comm-list1 .mask{ display:block}
.comm-list1 .cate{ position:absolute; left:0; top:3px; width:80px; height:30px; text-align:center; line-height:30px; background-color:#990000; color:#fff; font-size:18px; font-family:"Microsoft Yahei"; z-index:500}
.comm-list1 .gb-list2-con:hover .txt{ text-decoration:underline}

.comm-list1-ex .gb-list2-con, .comm-list1-ex .avatar{ width:235px; height:150px;}
.comm-list1-ex .item{ float:left; width:150px; padding:10px 9px 10px 10px;}
.comm-list1-ex .item .gb-list2-con, .comm-list1-ex .item .avatar, .comm-list1-ex .item .mask{ width:150px; height:150px;}
.comm-list1-ex .item .gb-list2-c2{ padding-top:50px;}
.comm-list1-ex .item .txt{ height:100px; font-size:18px; color:#fff; font-family:"Microsoft Yahei"; line-height:22px; text-align:center;}

.comm-list4 .gb-list2-item{ float:left; width:100%;}
.comm-list4 .gb-list2-con{ width:239px;}
.comm-list4 .gb-list2-c1{ position:relative; overflow:hidden;  border:2px solid #f5f5f5;}
.comm-list4 .gb-list2-con:hover{}
.comm-list4 .gb-list2-con:hover .gb-list2-c1{ padding:0; border:2px solid #0093f0;}
.comm-list4 .gb-list2-c2{ text-align:left; overflow:hidden;}
.comm-list4 .txt{ font-size:14px; color:#1e1e1e; height:26px; line-height:26px; overflow:hidden; text-align:center;}
.comm-list4 .hover .gb-list2-con{ _vertical-align:baseline;}
.comm-list4 .avatar,.comm-list4 .mask{ width:235px; height:150px}
.comm-list4 .mask{ display:block; z-index:1; filter:alpha(opacity:45); opacity:.45; top:0; left:0;}
.comm-list4 .ico-video{ display:block; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; z-index:10}
.comm-list4 .hover .mask, .comm-list4 .hover .ico-video{ display:none}

.col2 .gb-list2-item{ width:49.99%;}
.col3 .gb-list2-item{ width:33.32%;}
.col4 .gb-list2-item{ width:24.99%; _width:24.9%}
.col5 .gb-list2-item{ width:19.99%;}

.comm-pn{ padding-top:10px; background:url(../png/sprite1.png) no-repeat 0 0; margin-top:10px;}
.comm-pn-in{ padding-bottom:10px; background:url(../png/sprite1.png) no-repeat -1010px bottom;}
.comm-pn-bd{ background-color:#dae6f1; border-left:1px solid #90bfeb; border-right:1px solid #90bfeb; padding:0 20px;}
.comm-pn-bd p{ color:#1e1e1e; line-height:22px; text-indent:2em;}

.news-list{ overflow:hidden; zoom:1;}
.news-list li{ padding:2px 0; overflow:hidden; white-space:nowrap; float:left; width:100%;}
.news-list .line{ height:10px; margin-bottom:8px;}
.has-line .line{ border-bottom:1px dotted #eaeaea;}
.news-list .date{ font-size:12px; color:#929292; float:right;}
.news-list .tit{padding-left:5px; background:url(../png/sprite-4.png) no-repeat 0 -90px; display:block; width:83%;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-list .tit:hover{ background-position:0 -140px;}
.news-list .tit a{ display:inline-block; width:98%; padding-left:2%; height:22px; line-height:22px; font-size:14px; color:#1e1e1e;margin-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-list .tit a:hover{ background-color:#eaeaea; color:#00a6ff}

/*the header*/
.header{}
.header-c1{width:1000px; height:375px; margin:0 auto; position:relative;}

.logo-17173{ position:absolute; left:-7px; top:12px;}
.logo-17173 img{ width:140px; height:47px;}
.logo-game{ position:absolute; left:136px; top:14px;}

.zt-info{ font-size:20px; font-weight:bold; color:#0033a9; position:absolute; left:0; top:111px; font-family:"Microsoft Yahei"}

.header-c2{ width:100%; height:52px; border-top:1px solid #0f1c2a; position:relative; z-index:100}
.header-c2 .mask{ width:100%; height:52px; filter:alpha(opacity:70); opacity:.70}

.main-nav{ overflow:hidden; *zoom:1; width:1000px; margin:0 auto; padding:2px 0 0 0}
.main-nav-item{ float:left;}
.main-nav-con{ float:left; width:166px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#fff;font-family:"Microsoft Yahei"}
.main-nav-con:hover{ text-decoration:underline;}
.main-nav-cur .main-nav-con{ background-color:#f5f5f5; color:#010101;}

/*the footer*/
.global-footer{ padding:20px 0; color:#b3b3b3; background-color:#353131;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#b3b3b3;}

/*the content*/
.content{ width:1000px; margin:0 auto; padding:20px 0; min-height:500px; _height:500px;}
/*the first-screen*/
.first-screen{ overflow:hidden; *zoom:1;}
.first-screen-c1{ float:left; width:405px}
.first-screen-c2{ float:right; width:575px;}

.first-screen-c1 .focus-news{ padding:0 0 20px 0; text-align:center}
.first-screen-c1 .focus-news a:hover{ text-decoration:underline}
.first-screen-c1 .top-news,.first-screen-c1 .hot-news{ overflow:hidden; width:100%; font:bold 18px/30px "\5b8b\4f53"; white-space:nowrap; text-overflow:ellipsis; color:#e50000}
.first-screen-c1 .hot-news{ margin-top:10px}
.first-screen-c1 .c-link1{ color:#e50000}
.first-screen-c1 .c-link2{ margin:0 2px; color:#929292}
.first-screen-c1 .sign-top{ display:inline-block; height:14px; margin-right:5px; padding:0 3px; font:normal 12px/14px "\5b8b\4f53"; color:#fff; background:#ee0109; vertical-align:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

.more a{ color:#0064c2; font-size:12px;}
.more a:hover{ text-decoration:underline;}
.recomm-news{ border-top:1px dotted #c4c4c4; position:relative; padding:15px 0 0 0}
.recomm-news .more{ position:absolute; right:0; top:-12px; height:24px; line-height:24px; padding:0 0 0 10px; background-color:#f5f5f5;}

.video-pn{ width:575px; height:277px; background-color:#000;}

.channel-pn{ overflow:hidden; *zoom:1; margin:1px -1px 0 0}
.channel-item{ float:left; width:191px; height:62px; text-align:center; line-height:62px; background-color:#101c28; font-size:18px; color:#fff; margin-right:1px; font-family:"Microsoft Yahei"}
.channel-item:hover{ background-color:#0093f0;}


/*the area1*/
.area{ margin-top:30px;}
.area-hd{ border-bottom:2px solid #0064c2; position:relative;}
.area-hd-ex{ border:none;}
.area-hd .tit{ font-size:24px; color:#333; height:44px; line-height:44px; font-family:"Microsoft Yahei"}
.area-hd .more{ position:absolute; right:0; bottom:0; line-height:44px;}

.photo-pn .comm-list1{ width:1000px; height:233px; position:relative;}
.photo-pn .gb-list2-item{ padding:0; width:auto; position:absolute;}
.photo-pn .gb-list2-c1, .photo-pn .gb-list2-item .avatar{ width:100%; height:100%;}
.photo-pn .gb-list2-c1 .avatar{-webkit-filter:grayscale(1); filter:gray;}
.photo-pn .gb-list2-c2{ display:none;}
.photo-pn .hover .gb-list2-c2{ display:block;}
.photo-pn .hover .gb-list2-c1 .avatar{-webkit-filter:grayscale(0); filter:color;}
.photo-pn .gb-list2-con{ border:none;}

.photo-pn .photo-item1, .photo-pn .photo-item1 .gb-list2-con, .photo-pn .photo-item4, .photo-pn .photo-item4 .gb-list2-con{ width:204px; height:233px}
.photo-pn .photo-item2, .photo-pn .photo-item2 .gb-list2-con, .photo-pn .photo-item3, .photo-pn .photo-item3 .gb-list2-con{ width:204px; height:116px}
.photo-pn .photo-item5, .photo-pn .photo-item5 .gb-list2-con{ width:150px; height:233px}
.photo-pn .photo-item6, .photo-pn .photo-item6 .gb-list2-con, .photo-pn .photo-item7, .photo-pn .photo-item7 .gb-list2-con, .photo-pn .photo-item8, .photo-pn .photo-item8 .gb-list2-con{ width:234px; height:77px}

.photo-item1, .photo-item2, .photo-item4, .photo-item5, .photo-item6{ top:0;}
.photo-item3{ top:117px;}
.photo-item7{ top:78px;}
.photo-item8{ bottom:0;}
.photo-item1{ left:0;}
.photo-item2, .photo-item3{ left:205px;}
.photo-item4{ left:410px;}
.photo-item5{ left:615px;}
.photo-item6, .photo-item7, .photo-item8{ right:0;}



/*the area2*/
.review-list{ overflow:hidden; *zoom:1; margin-right:-20px;}
.review-item{ float:left; width:490px; height:150px; margin-right:20px; padding-top:10px; border-bottom:1px dotted #b3b3b3;}
.review-c1{ float:left; width:85px; margin-right:20px;}
.review-c2{ overflow:hidden; *zoom:1;}

.figure-box{}
.figure-con, .figure-con .avatar-box, .figure-con .avatar-box img{ display:block;}
.figure-con{ *zoom:1;}
.figure-con .avatar-box img{ width:85px; height:85px;}
.figure-con .txt-box{ display:block; text-align:center; font-size:13px; font-weight:bold; color:#1e1e1e; line-height:22px;}
.figure-tit{ width:83px; height:22px; text-align:center; line-height:22px; background-color:#d1d1d1; font-size:13px; color:#101c28; border:1px solid #9fdaff;}

.score-box{ overflow:hidden; *zoom:1;}
.score-detail{ float:left; width:298px; position:relative; font-size:0;}
.score-detail .adorn{ display:block; width:298px; height:1px; overflow:hidden; font-size:0; line-height:0; background-color:#929292; position:absolute; left:0; top:50%;}
.score-item{ font-size:12px; color:#1e1e1e; line-height:28px; display:inline-block; width:33%; margin-bottom:1px;}
.score-item i{ font-style:normal; color:#ff0000}

.score-all{ float:right; width:65px; height:60px; padding:5px 0 0 0; background-color:#990000; text-align:center; font-size:14px; color:#f5f5f5; font-weight:bold}
.score-all i{ display:block; font-size:26px; font-weight:bold; color:#fff; font-style:normal; margin-top:-3px; font-family:"Microsoft Yahei"}

.review-txt{ font-size:12px; color:#1e1e1e; line-height:22px; padding-top:5px;}

.bt-to-comment{ display:block; width:298px; height:45px; text-align:center; line-height:45px; background:url(../png/sprite-4.png) no-repeat 0 0; font-size:20px; color:#fff; font-family:"Microsoft Yahei"}
.bt-to-comment:hover{ text-decoration:underline;}
.review-c2 .bt-to-comment{ margin-top:20px;}

/*the area3*/
.que-list{ overflow:hidden; *zoom:1;}
.que-item{ width:328px; height:63px; padding:1px; float:left; margin:9px 3px 0 0;}
.que-list .hover{ padding:0; background-color:#fff; border:1px solid #90bfeb;}
.que-c1{ float:left; padding:9px 10px 0 9px;}
.que-c1 .avatar-box, .que-c1 .avatar-box img{ display:block; width:45px; height:45px;}
.que-c2{ overflow:hidden; *zoom:1;}
.que-c2 .tit{font-size:18px; color:#1e1e1e; font-family:"Microsoft Yahei"; padding:5px 0 3px 0;}
.que-c2 .tit a{ color:#1e1e1e;}
.que-c2 .tit a:hover{ text-decoration:underline;}
.que-c2 .txt{ color:#1e1e1e;}

/*the area4*/
.area4 .comm-list1{ margin:0 -9px;}

/*the area5*/
.area5 .comm-list1{ margin:0 -8px;}

/*the area6*/
.area6 .area-hd, .area8 .area-hd{ margin-bottom:10px;}
.area6 .comm-list4 ,.area8 .comm-list4{ margin:0 -8px;}

/*the area7*/
.know-list{ overflow:hidden; *zoom:1; width:1000px; height:233px; position:relative;}
.know-item{ position:absolute;}
.know-con{ display:block; height:116px; overflow:hidden; text-align:center; font-size:18px; color:#fff; font-family:"Microsoft Yahei"; font-weight:bold; line-height:22px;}
.know-con .txt{ width:100%; position:absolute; left:0; top:50%; margin:-22px 0 0 0;}
.bg-green{ background-color:#73dfbd;}
.bg-green:hover{ background-color:#49c59e;}
.bg-blue{ background-color:#51a8e2;}
.bg-blue:hover{ background-color:#008ae2;}

.know-item1 .know-con{ width:328px;}
.know-item2 .know-con{ width:197px;}
.know-item3 .know-con, .know-item7 .know-con, .know-item8 .know-con{ width:130px;}
.know-item4 .know-con, .know-item5 .know-con{ width:204px;}
.know-item6 .know-con{ width:204px; height:233px;}
.know-item9 .know-con{ width:261px;}

.know-item1, .know-item4, .know-item6, .know-item7, .know-item8{ top:0;}
.know-item2, .know-item3, .know-item5, .know-item9{ top:117px;}
.know-item1, .know-item2{ left:0;}
.know-item3{ left:198px;}
.know-item4, .know-item5{ left:329px;}
.know-item6{ left:534px;}
.know-item7{ right:131px;}
.know-item9, .know-item8{ right:0;}

/*the area9*/
.comment-pn{ background-color:#fff; padding:0 20px;}