body{ font-family:"\5b8b\4f53"; font-size:12px}

input,textarea,select{ font-size:12px; outline:none; resize:none}

a{ outline:none}

a:hover{ text-decoration:underline; _vertical-align:baseline}



/* global module */

.gb-list1 .date{ float:right}



.gb-list2{ overflow:hidden; *zoom:1; font-size:0; text-align:center}

.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; vertical-align:top}

@media all and (-webkit-min-device-pixel-ratio:0){.gb-list2{letter-spacing:-4px; word-spacing:-4px}

.gb-list2-item{letter-spacing:normal; word-spacing:normal}}

.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:1000px; height:1000px; 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}



.gb-list3 .item{ float:left}

.gb-list3 .pic{ float:left}

.gb-list3 .img{ display:block; position:relative}

.gb-list3 .icon{position:absolute; display:none}

.gb-list3 .text{ overflow:hidden; *zoom:1}

*html .gb-list3 .img:hover{ direction:ltr}

.gb-list3 .img:hover .icon{ display:block}



.gb-rank .item{ clear:both; vertical-align:bottom}

.gb-rank .rank-c1{ float:left}

.gb-rank .num{ display:inline; float:left; text-align:center}

.gb-rank .pic{ display:none}

.gb-rank .info{ display:none}

.gb-rank .title{ overflow:hidden}

.gb-rank .date{ float:right}



.gb-tab{ *zoom:1}

.gb-tab-b1,.gb-tab-b2{ position:absolute; display:none; overflow:hidden; cursor:pointer}



.pager{ text-align:center}

.yiiPager{ display:inline-block; *display:inline; overflow:hidden; *zoom:1; height:25px; font-size:0; text-align:center}

.yiiPager li,.yiiPager a,.yiiPager .goto span{ background-image:url(../images/gb-b.png); background-repeat:no-repeat}

.yiiPager li,.yiiPager .goto span{ display:inline-block; *display:inline; overflow:hidden; *zoom:1; height:25px; margin:0 2px; padding-left:8px; vertical-align:top; background-position: 0 -151px; cursor:pointer}

.yiiPager a{ display:inline-block; overflow:hidden; height:25px; padding-right:8px; line-height:25px; color:#333; text-align:center; border:0; background-position:right -151px; cursor:pointer}

.yiiPager a:hover{ text-decoration:none}

.yiiPager .hidden{ display:none}

.yiiPager .page a{ font-family:Arial,Tahoma; font-size:14px}

.yiiPager .first,.yiiPager .previous,.yiiPager .next,.yiiPager .last{ padding-left:6px}

.yiiPager .first a,.yiiPager .previous a,.yiiPager .next a,.yiiPager .last a{ width:3em; padding-right:6px; font-size:12px}

.yiiPager .hover,.yiiPager .selected,.yiiPager .goto a:hover span{ background-position:0 -125px}

.yiiPager .hover a,.yiiPager .selected a,.yiiPager .goto a:hover{ color:#fff; background-position:right -125px}

.yiiPager .selected,.yiiPager .selected a:hover{ cursor:default}

.yiiPager .goto{ background:none}

.yiiPager .goto span{ width:2.6em; margin:0; font-size:12px}

.yiiPager .gotopage{ overflow:hidden; width:2em; height:23px; margin-right:5px; *margin-top:-1px; padding:0 5px; font-family:Arial,Tahoma; font-size:14px; line-height:23px\9; text-align:center; vertical-align:top; border:1px solid #dedede}



.sel-box{ display:inline-block; height:21px; line-height:1.231; cursor:pointer}

.sel-box-in{ display:inline-block; overflow:hidden; position:relative; height:19px}

.sel-txt{ height:15px; overflow:hidden; padding-top:2px; color:#8f8f8f; line-height:21px; border:0; background:none; cursor:pointer}

.sel-bt{ display:none; overflow:hidden; position:absolute; top:0; right:-1px; width:20px; height:19px; border:0; background:none; cursor:pointer}

.sel-bt-in{ display:block; overflow:hidden; position:absolute; top:7px; right:6px; width:0; height:0; font-size:0; border-top-width:4px; border-top-style:solid; border-bottom:4px dashed transparent; border-left:4px dashed transparent; border-right:4px dashed transparent; cursor:pointer}

.sel-box .focus{ border-color:#b5b3b2}

.sel-box .focus .sel-txt{ color:#252525}

.sel-box .focus .sel-bt{ background-color:#b5b3b2}

.sel-box .drop .sel-bt-in{ color:#fff}

.sel-box-blue .sel-box-in{ padding:0 19px 0 5px; border:1px solid #b7d3ec; background-color:#fff}

.sel-box-blue .sel-txt{ width:110px; line-height:1.231; color:#7c99b4}

.sel-box-blue .sel-bt{ display:block; color:#294968}

.sel-box-blue .focus{ border-color:#61a6e4}

.sel-box-blue .focus .sel-txt{ color:#069}

.sel-box-blue .focus .sel-bt{ background-color:#61a6e4}



.sel-menu{ display:none; position:absolute; z-index:700}

.sel-menu-in{ *zoom:1; border:1px solid #ececec; background:#fff}

.sel-menu-item{ *zoom:1; height:21px; margin-top:-1px; border-top:1px solid #ececec}

.sel-menu-con{ display:block; *zoom:1; padding:0 4px; color:#333; line-height:21px; white-space:nowrap}

.sel-menu-con:hover{ color:#333; text-decoration:none; background-color:#f7f7f7}

.sel-menu-blue .sel-menu-in{ border-color:#dbe5ee}

.sel-menu-blue .sel-menu-item{ border-color:#dbe5ee}

.sel-menu-blue .sel-menu-con{ color:#069}

.sel-menu-blue .sel-menu-con:hover{ color:#069; background-color:#f0f8ff}



/* global icon and button */

.i-rank,.i-hot,.gb-rank .num,.bt-award,.no-award,.search-box .btn,.t-i,.mnav-bg{ display:inline-block; overflow:hidden; background:url(../images/gb-b.png) no-repeat}

.i-rank{ width:12px; height:10px; line-height:20em}

.i-rank-up{ background-position:-94px 0}

.i-rank-down{ background-position:-13px -62px}

.i-rank-nor{ background-position:0 -62px}

.i-hot{ width:21px; height:9px; line-height:20em; vertical-align:middle; background-position:-92px -22px}



.t-i{ width:16px; height:16px; line-height:20em}

.t-sohu{ background-position:-72px -20px}

.t-sina{ background-position:-54px 0}

.t-tc{ background-position:-27px -62px}



.gb-rank .num{ width:21px; height:12px; font-family:Arial; font-size:10px; line-height:12px; color:#fff; background-position:0 -73px}

.gb-rank .num-top{ background-position:-71px 0; font-weight:bold}



.bt-award,.no-award{ width:16px; height:16px; line-height:20em}

.no-award{background:none;}

.bt-ling{ height:17px; background-position:-54px -20px}

.bt-ma{ background-position:0 -20px}

.bt-ma-disabled{ background-position:0 0}

.bt-li{ background-position:-18px -20px}

.bt-li-disabled{ background-position:-18px 0}

.bt-quan{ background-position:-36px -20px}

.bt-quan-disabled{ background-position:-36px 0}

.bt-ding{ width:45px; height:19px; color:#c60000; line-height:19px; text-align:center; background-position:0 -213px}

.bt-ding:hover{ text-decoration:none; background-position:-46px -213px}



/* global layout */

.logo{ display:block; overflow:hidden; line-height:999em; background:url(../images/logo.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../images/logo.png')}

.header .logo-w{ position:absolute; top:8px; left:10px; width:206px; height:66px; overflow:hidden}

.header .logo{ width:206px; height:66px; _margin-top:-88px; _padding-top:88px; background-position:0 -88px}



.wrap,#wrapper{ width:100%; min-width:960px; margin-top:10px}

.wrap-in{ width:960px; margin:0 auto; background-color:#fff}



.header{ *zoom:1; position:relative; z-index:400}

.nav{ *zoom:1; padding:1px; background:#adcdef}

.nav-in{ height:84px; padding-left:255px; background:#f4faff}

.nav-index,.nav-index-item-s1 .nav-index-tit{ background-image:url(../images/index-b1.png); background-repeat:repeat-x}

.header-index{ margin-bottom:10px}

.header-index .nav{ padding:0 0 3px; background:#f1f6fb}

.header-index .nav-in{ overflow:hidden; height:80px; border:1px solid #ddecfb; background-color:#fff}

.header .logo-w{ top:8px; left:30px; width:170px; height:72px}

.header .logo{ width:213px; height:68px; _margin-top:0; _padding-top:0; background-position:0 0}

.nav-index{ overflow:hidden; *zoom:1; background-position:0 -311px}

.nav-index a{ color:#000}

.nav-index a:hover,.nav-index .c-tx4{ color:#c00}

.nav-index-item{ float:left; line-height:28px}

.nav-index-tit{ float:left; width:55px; font-size:14px; font-weight:bold; text-align:center; border-left:1px solid #ddecfb; border-right:1px solid #ddecfb; background-color:#f1fbff}

.nav-index-item-s1 .nav-index-tit{ padding-top:12px; background-position:0 -499px}

.nav-index-con{ overflow:hidden; float:left; padding-left:5px; padding-right:5px; border-left:1px solid #fff}

.nav-index-item-s1 .nav-index-con{ padding-top:12px}

.nav-index-item-s2 .nav-index-tit,.nav-index-item-s2 .nav-index-con{ padding-bottom:12px}

.nav-index-con a{ display:inline-block; min-width:2em; _width:2em; padding:0 4px; white-space:nowrap}

.nav-index-con a.em3{ min-width:3em; width:3em}



.mnav{ position:relative; z-index:5; top:-1px; margin-bottom:16px; padding:1px; background:#3c93da}

.mnav-in{ overflow:hidden; *zoom:1; padding:5px 0; border-top:1px solid #48a9e1}

.mnav-item{ float:left; height:25px; margin-left:-1px; border-left:1px solid #237bc2}

.mnav-con{ display:block; padding:0 25px; font-size:14px; color:#fff; line-height:25px; font-weight:bold}

.mnav-con:hover{ color:#fff100; text-decoration:none}

.mnav .current .mnav-con{ color:#fff100}

.mnav-bg{ display:block; position:absolute; z-index:-1; top:0; right:-1px; width:100px; height:38px; background-position:right -86px}



.subnav-in{ overflow:hidden; *zoom:1}

.subnav-item{ float:left; margin-left:-1px; border-left:1px solid #000}

.subnav-item:first-child{ border-left:0}

.subnav-con{ display:block; padding:0 15px; font-size:12px; color:#333; line-height:1.231; white-space:nowrap}

.subnav-con:hover{ color:#c00; text-decoration:underline}



.crumbs-bar{ overflow:hidden; *zoom:1; height:23px; margin:8px 0}

.crumbs-box{ float:left; padding:2px 0 0 20px; line-height:23px}

.crumbs-box a{ color:#000}

.crumbs-box a:hover{ color:#c00; text-decoration:underline}

.crumbs-box .arrow{ margin:0 8px}

.search-box{ float:right}

.search-box .label{ float:left; display:none}

.search-box .txt{ overflow:hidden; float:left; width:211px; height:21px; height:16px\9; margin-left:2px; padding:0 5px; padding-top:5px\9; border:1px solid #b7d3ec; background:#fff}

.search-box .btn{ float:left; *zoom:1; width:47px; height:23px; padding-top:3px\9; color:#fff; border:0; background-color:#398ece; background-position:-57px -62px; cursor:pointer}

.search-box .sel-box{ float:left}

.search-box .sel-box-in{ padding-top:1px; padding-bottom:1px}

.search-box .sel-box .sel-txt{ width:40px}

.search-box .sel-bt{ height:21px}

.search-box .sel-bt-in{ top:8px}

.search-box .search-select{ float:left; height:23px; margin:0}

.fast-track .search-box .txt{ width:140px}



.content{ overflow:hidden; *zoom:1}

.main{ float:left}

.side{ float:right}



.footer-wb{ height:16px; margin-top:1px; padding:9px 15px; line-height:16px; text-align:right; background:#f6f9fe}

.footer-wb .tit{ vertical-align:middle}

.footer-wb .t-i{ margin-left:6px; vertical-align:middle}



/*================share================*/

.share-box { height:16px; line-height:16px;}

.share-tit{ font-size:12px; color:#000;}

.share-list a{ background:url(../images/share.gif) no-repeat;}

.share-list a { float:left; display:block; width:16px; height:16px; overflow:hidden; margin-right:10px; display:inline; }

/*.share-list .share-1 { background-position:0 0; }

.share-list .share-2 { background-position:0 -50px; }

.share-list .share-3 { background-position:0 -100px; }

.share-list .share-4 { background-position:0 -150px; }

.share-list .share-5 { background-position:0 -200px; }

.share-list .share-6 { background-position:0 -250px; }

.share-list .share-7 { background-position:0 -300px; }*/



.share-list .share-1{ background-position:-50px 0; }

.share-list .share-2{ background-position:-50px -50px; }

.share-list .share-3{ background-position:-50px -100px; }

.share-list .share-4{ background-position:-50px -150px; }

.share-list .share-5{ background-position:-50px -200px; }

.share-list .share-6{ background-position:-50px -250px; }

.share-list .share-7{ background-position:-50px -300px; }



.share-list .share-1:hover{ background-position:-50px 0; }

.share-list .share-2:hover{ background-position:-50px -50px; }

.share-list .share-3:hover{ background-position:-50px -100px; }

.share-list .share-4:hover{ background-position:-50px -150px; }

.share-list .share-5:hover{ background-position:-50px -200px; }

.share-list .share-6:hover{ background-position:-50px -250px; }

.share-list .share-7:hover{ background-position:-50px -300px; }