.bgColor, .content-left {
  background: #ffe9f9; }

img {
  padding: 0;
  margin: 0; }

/*.clear {
  zoom: 1; }

.clear:after {
  content: '';
  display: block;
  clear: both; }*/

.clear{*zoom:1} .clear:after{content:"\20";clear:both;height:0;display:block;overflow:hidden} 

body {
  font-family: "Microsoft Yahei";
  background:#fffbf3;
  font-size:14px;
   }

.topbar-channel-box {
  float: none; }



/*friendly-link*/
.friendly-link {
  width: 960px;
  margin: 0 auto;
  padding: 5px 10px;
  background: #f2d6ad;
  line-height: 46px;
  color: #484744;
  text-align:center;
  margin-top: 20px; }

.friendly-link strong {
  font-weight: bold;
  font-size: 12px;
  color:  #998665;
   }

.friendly-link a {
  margin: 0 8px;
  color:#998665; }
  .friendly-link a:hover{ text-decoration:underline;}

/*global-footer*/
.global-footer {
  line-height: 30px;
  padding-top: 26px;
  color: #a8a79b; }

.global-footer .links a {
  color: #a8a79b; }


/*go-top*/
.go-top{position:absolute;width:72px;height:72px;background:#92291d;color:#fee47b;font-size:15px;margin-left:986px;margin-top:-16px ;text-align:center;cursor:pointer;}
.go-top a{background:url(/ue/a/coc/index/2014/20140609/images/gotop.jpg) no-repeat center 12px ;width:72px;height:28px;display:block; color:#fee47b; padding-top:44px;}


/*center start*/

/*float box*/
.gb-side-box{ border:1px solid #ddccbd;}
.gb-side-box-c2 .bd,.gb-side-box-c2 .hd{ background:#f4eee4;}
.gb-side-box .info-box,.gb-side-box .code-box{ background:#fff; border:1px solid #ebe5dc; border-top:0; padding-left:6px; padding-right:5px;}
.gb-side-box-c2 .bd{ border:0;}
.gb-side-box-c2 .hd .tit{ color:#333;}
.gb-side-box .intro-box .item{ font-size:12px;}
.gb-side-box .intro-box .item a{ color:#854118;}
.gb-side-box .btn{ width:95px; background:url(/ue/a/coc/index/2014/20140609/images/float-box-btn.jpg) repeat-x; border:1px solid #ff7332; height:32px; line-height:32px; margin-left:14px;}
.gb-side-box .detail-box{ border-top:1px dashed #ccc;}
.gb-side-box .btn-close{ width:19px; height:18px; overflow:hidden; background:url(/ue/a/coc/index/2014/20140609/images/close-btn.jpg) no-repeat; font-size:0; line-height:0; top:8px;}
.gb-side-box .code-box .txt{ color:#854118;}
.gb-side-box .link-box{margin-top: 7px;}
.gb-side-box .code-box .info{ border-bottom:1px dashed #ccc;padding:0 0 9px 0; margin-bottom:8px;}
.gb-side-box .code-box .link-box{ margin-left:10px;}
.gb-side-box .btn-back:hover,.gb-side-box .btn:hover{background:url(/ue/a/coc/index/2014/20140609/images/float-box-btn.jpg) repeat-x;}

/*pager*/
.pager {
  clear: both;
  height: 25px;
  margin: 0 auto;
  line-height: 26px;
  padding: 80px 0 80px; }

.pager ul {
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: center;
  height: 25px;
  float: left;
  position: relative;
  left: 50%; }

.pager li {
  margin: 0 5px 0 0 !important;
  float: left;
  display: inline;
  position: relative;
  left: -50%; }

.pager li a {
  float: left; }

.pager li.page {
  height: 25px;
  padding-left: 3px;
  margin: 0 3px 0 0; }

.pager li.page a {
  color: #666;
  padding-right: 11px;
  padding-left: 8px; }

.pager li.page.selected, .pager li.page.hover {
  background: #f2f2f2; }

.pager li.page.selected a, .pager li.page.hover a {
  display: block;
  height: 25px;
  background: #f2f2f2;
  color: #333; }

.pager li.page a:hover, .pager li.page .focus-num .current, .focus-num .pager li.page .current {
  background: #f2f2f2;
  color: #333; }

.pager li.previous a, .pager li.first a, .pager li.next a, .pager li.last a {
  display: block;
  width: 51px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: #f2f2f2;
  color: #333; }

.pager li.previous a:hover, .pager li.previous .focus-num .current, .focus-num .pager li.previous .current, .pager li.first a:hover, .pager li.first .focus-num .current, .focus-num .pager li.first .current, .pager li.next a:hover, .pager li.next .focus-num .current, .focus-num .pager li.next .current, .pager li.last a:hover, .pager li.last .focus-num .current, .focus-num .pager li.last .current {
  background: #f2f2f2;
  color: #333; }

.focus-w {
  margin-bottom: 12px; }

.focus-in {
  width:233px;
  height:127px;
  overflow: hidden;
  position: relative; }

.focus-con .img {
  text-align: center; }
.focus-con .txt {
  height: 40px;
  width: 233px;
  padding-left: 13px;
  position: absolute;
  bottom: 0;
  font-size: 12px;
  font-weight: bold;
  left: 0; }
  .focus-con .txt b {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2333px;
    height: 40px;
    background: #000;
	opacity:0.5;
	filter:alpha(opacity=50);
   }
  .focus-con .txt a {
    color: white;
    position: absolute;
    line-height: 40px;
    z-index: 99; }

.wraper{
	width:980px;
	margin:0 auto;
}


.video-list {
	padding:18px 0 0 23px;
}
.video-list li{
	float:left;
	width:160px;
	margin-right:26px;
	_display:inline;
	position:relative;
}
.video-list .last{
	margin-right:0;
}
.video-list a{
	float:left;
	height:144px;
	padding:3px;
	color:#fff;
	font-size:14px;
}
.video-list a:hover{
	background:#bb3826;
	
}
.video-list strong{ display:block; width:158px; height:88px; border:1px solid #d6b483;}
.video-list img{
	width:158px;
	height:88px;
	overflow:hidden;
}
.video-list span{
	display:block;
	padding-top:4px;
	padding-left:13px;
	line-height:20px;
}
.video-list b{
	 position:absolute;
	 background:url(/ue/a/msg/images/video-ico.png) no-repeat;
	 height:32px;
	 width:34px;
	 left:50%;
	 top:50%;
	 margin-left:-17px;
	 margin-top:-42px;
}

.marginR0{
	margin-right:0;
}

/*article*/
.art-tit{ font-size:24px; color:#3c3c3c; font-weight:bold; text-align:center;}

.info-bar{ text-align:center; color:#aaa; margin:3px 0 12px 0;}
.info-bar i{ font-style:normal}
.info-bar .date{ margin-right:5px;}
.info-bar .source{ margin-right:5px;}
.info-bar .to-comm a{ color:#2ba339;}
.info-bar .to-comm a span{ color:#666;}
.info-bar .to-comm a i{ font-style:normal;}
.info-bar .divide{ margin:0 5px;}
.share-box{ position:relative; display:inline-block; z-index:5; width:78px; *display:inline; *zoom:1;}
.share-box .tit{ color:#666; display:inline-block; padding:3px 7px 2px 7px; z-index:10; position:relative; background:#fff; border:1px solid #fff;border-bottom:none; cursor:pointer;}
.share-box .tit-cur{ border-color:#d7d7d7;}
.share-box .share-list{ display:none; position:absolute; left:0; top:24px; width:84px; padding:4px 7px; border:1px solid #d7d7d7; background:#fff; z-index:7;}
.share-box .share-list .item{ display:block; text-align:left; height:24px; line-height:24px;}
.share-box .share-list .item a{ color:#3c3c3c; display:block; height:24px; line-height:24px;}

.share-box2{ overflow:hidden; zoom:1;}
.share-box2 .tit{ color:#999; font-size:14px; float:left;}
.share-box2 .share-list{ float:left;}
.share-box2 .share-list .item{ float:left;}
.share-box2 .share-list  a:hover .ico3{ filter:alpha(opacity:60); opacity:.6;}

.brief-box{ overflow:hidden; *zoom:1; border-top:1px solid #d3dae0; background:#ecf3f9; margin-bottom:18px; padding:18px 50px; color:#414d5b; font-size:16px; line-height:26px; position:relative;}
.brief-box .dot-1, .brief-box .dot-2{ width:35px; height:31px; background:url(/ue1/images/www/index/2013/sprite-trans2.png) no-repeat; position:absolute;}
.brief-box .dot-1{ background-position:0 -300px; left:0; top:0;}
.brief-box .dot-2{ background-position:-50px -300px; right:0; bottom:0;}
.brief-pager{ margin-bottom:15px; font-size:14px;}
.brief-form select{ font-size:14px; color:#2ca33a;}
.brief-form select option{}

.art-box{ border-bottom:1px dotted #cbcbcb; padding-bottom:15px;font-size:16px;}
.art-box a{font-size:16px;}
.art-box p{ font-size:16px; color:#333; text-indent:2em; line-height:28px; margin-bottom:24px;}
.art-box .nosj{ text-indent:0;}
.art-box .img-box{ text-align:center; margin-bottom:24px;}

.mood-box{ margin:10px 0 20px 0; position:relative;}
.mood-box .mood-ui-default{ font-family:Arial, "\5fae\8f6f\96c5\9ed1";}
.mood-box .mood-ui-default td{ color:#999; padding:0 0 40px 0;}
.mood-box .mood-ui-default .total{ color:#ea632e;}
.mood-box .share-box2{ position:absolute; top:0; right:10px;}

.recomm-list{ margin-top:25px;}
.recomm-list .gb-list2-item{ width:24.99%; margin-bottom:15px;}
.recomm-list .gb-list2-con{ width:220px; color:#fff; position:relative;}
.recomm-list .gb-list2-con:hover{text-decoration:underline;}
.recomm-list .gb-list2-c1{ position:relative;}
.recomm-list .avatar{ width:220px; height:166px}
.recomm-list .gb-list2-c2{ padding:5px 0; position:absolute; left:0; bottom:0; width:100%; font-size:16px;}
.recomm-list .txt{ white-space:nowrap;vertical-align:baseline;}

.art-recomm-list{ padding:15px 0;}
.art-recomm-list li{ height:28px; line-height:28px; padding:0 10px 0 20px; vertical-align:baseline; background:url(/ue1/images/www/index/2013/icon-trans2.png) 3px 12px no-repeat; vertical-align:baseline; position:relative;}
.art-recomm-list span{ font-size:12px; color:#8e8e8e; position:absolute; top:0; right:10px;}
.art-recomm-list a{ font-size:16px; color:#000; white-space:nowrap;}
.art-recomm-list a:hover{ color:#f0571b; text-decoration:underline;}

.mod-page-switcher, .mod-page-allinone { padding:0 5px; margin-bottom:10px; font-size:12px;}
.mod-page-switcher a { display:inline-block; width:32px; height:25px; line-height:25px; text-align:center; color:#666; margin:0 1px; font-size:12px;}
.mod-page-allinone a { display:inline-block; height:25px; line-height:25px; font-size:12px;}
.mod-page-switcher span.page-current{ display:inline-block; width:32px; height:27px; text-align:center; line-height:27px; color:#fff; background-color:#5a5a5a; background-image:-moz-linear-gradient(top, #717171, #535353); background-image:-webkit-linear-gradient(top, #717171, #535353); background-image:-ms-linear-gradient(top, #717171, #535353); background-image:-o-linear-gradient(top, #717171, #535353); background-image:linear-gradient(top, #717171, #535353); }
.mod-page-switcher a.page-next, .mod-page-switcher a.page-previous, .mod-page-switcher a.page-last, .mod-page-switcher a.page-first{ width:51px; border:1px solid #c1c1c1; color:#666; background-color:#f1f1f1; background-image:-moz-linear-gradient(top, #fff 10%, #f0f0f0); background-image:-webkit-linear-gradient(top, #fff 10%, #f0f0f0); background-image:-ms-linear-gradient(top, #fff 10%, #f0f0f0); background-image:-o-linear-gradient(top, #fff 10%, #f0f0f0); background-image:linear-gradient(top, #fff 10%, #f0f0f0);}
.mod-page-switcher a, .mod-page-switcher span.page-current{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

.mod-page-nav { clear:both; text-align:left;line-height:20px; border:1px solid #ddd; width:98%; margin:0 auto; }
.mod-page-nav a,.mod-page-allinone a{ color:#2BA339;}
.mod-page-nav a:hover,.mod-page-allinone a:hover{ text-decoration:underline;}
.mod-page-nav ul{ float:left; width:47%; padding:10px 0 10px 10px; }
.mod-page-nav li{ height:25px; line-height:25px;}
.mod-page-nav ul.page-col1{border-right:1px solid #ddd;}
.page-title { height:30px; line-height:30px; background:#efefef; text-indent:10px; font-weight:bold;}
.pager2 { width:100%; padding:10px 0 0 0; text-align:center; font-size:14px; }

.mod-box .hd
{
   border-bottom: 1px solid #d7d7d7;
}

.mod-box .hd .tit{
    font-size: 18px;
    font-weight: bold;
    color:#1c2239;
    display: inline;
    border-bottom:2px solid #009104;
    position: relative;
    bottom: -1px;
}
p strong{
  font-weight: bold;
}
.art-wrap{ background:#fff;}
.cur-bar-wrap{ border:none}
.wrapper .cur-bar{ padding-left:16px; color:#29250c;font-size:14px;  height:45px; line-height:45px; background:#e3ddd1;border-bottom:1px solid #cccaca;}
.art-wrap{ padding:20px 20px 10px 20px; background:#fff; border:1px solid #d1d7ef; border-top:none}

/*right-list*/
.mgt14{margin-top:14px}
.mgt16{margin-top:16px}
.mgt18{margin-top:18px}
.bord{border:1px solid #c8c2ae;border-top:none;border-bottom:1px solid #c8c2ae !important;}
.rightbox{width:220px;float:right;}
.rightbox a{text-decoration:none}
.title_t{width:220px;height:53px;line-height:53px;background:url(/ue/a/coc/index/2014/20140609/images/rightbg.gif) no-repeat #f2bb59;}
.title_t h2{font-size:20px;font-weight:normal;color:#473210;background:url(/ue/a/coc/index/2014/20140609/images/titbg.png) no-repeat 8px 8px;padding-left:56px}
.sjcx_t h2{background-position:8px -45px}
.yxzl_t h2{background-position:8px -98px}
.ltrt_t h2{background-position:8px -151px}
.same_list{width:198px;padding:10px;font-size:12px}
.same_list li{height:24px;line-height:24px;background:url(/ue/a/coc/index/2014/20140609/images/dot.gif) no-repeat left center;padding-left:12px; width:198px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.same_list li a,.yxzl li a{color:#4b3929}
.same_list li a:hover, .yxzl li a:hover{color:#922a1e; text-decoration:underline;}
.sjcx{width:201px;padding:9px 0 12px 17px}
.sjcx li{width:180px;height:77px;overflow:hidden;margin-bottom:2px;}
.sjcx .data1{background-position:0 0}
.sjcx .data2{background-position:0 -80px}
.sjcx .data3{background-position:0 -160px}
.sjcx .data4{background-position:0 -240px}
.sjcx .data5{background-position:0 -320px}
.sjcx .data6{background-position:0 -400px}
.sjcx li a{color:#fff;font-size:18px;}
.yxzl{overflow:hidden;padding:8px 0}
.yxzl li{width:72px;padding:0 10px 0 23px;float:left;font-size:12px;height:24px;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rightbox .more2{ float:right; width:49px; height:9px;  overflow:hidden; background:url(/ue/a/coc/index/2014/20140609/images/more2.jpg) no-repeat; margin-top:21px; margin-right:10px;}

.bg{ background:url(/ue/a/coc/index/2014/20140609/images/body-bg.jpg) center 0 no-repeat #fffbf3;}
/**nav start**/
.banner{

	height:240px;
}
.banner .wraper{
	position:relative;
	height:240px;
}
.logo-link{
	position:absolute;
	width:200px;
	text-align: center;
	top:177px;
	left:50%;
	font-size:18px;
	margin-left:-120px;
	font-size: 16px;
}
.logo-link a,.logo-link span{
	display:block;
	color:#ff9c00;
	line-height:20px;
}
.header-pic{ width:126px; height:78px; background:url(/ue/a/coc/index/2014/20140609/images/header-bg.png) no-repeat; position:absolute; top:16px; right:0; padding-top:4px;}
.header-pic a{ float:left; margin-left:3px;margin-bottom:2px; height:59px; width:59px;}
.header-pic span{ float:left; width:126px ; text-align:center; font-size:12px; color:#becbeb;}

/*nav*/
.nav { border-bottom:4px solid #922a1e; margin-bottom:5px; }
.nav li{ float:left;}
.nav li a{ display:block; width:165px; height:49px; line-height:49px; margin-top:7px; background:url(/ue/a/coc/index/2014/20140609/images/sprite.png) no-repeat 0 0; font-size:18px; color:#4c3418; text-align:center; }
.nav li a:hover{ background-position:0px -51px; text-decoration:none;}
.nav a.ind{ width:155px; height:56px; line-height:56px; margin-top:0; background-position:0 -102px; font-size:20px; color:#fff;}
.nav a.ind:hover{ background-position:0 -102px;}

/*video*/
.tuijian-video{ height:158px; background:url(/ue/a/coc/index/2014/20140609/images/tuijian-bg.png) 39px 0 no-repeat #d2a956;}
.tuijian-video h3{ width:39px; float:left; vertical-align:middle; padding-top:20px;text-align:center; background:#f2bb59; height:138px; font-size:18px; color:#987541;}
.tuijian-video .video-list{ padding:8px 0; padding-left:19px; float:left; width:922px;}
.tuijian-video  img{opacity:0.8; filter:alpha(opacity=80);}
.tuijian-video  a:hover img{opacity:1; filter:alpha(opacity=100);}

/*left*/
.con-left{ width:233px; float:left; margin-right:16px;_display:inline;}
.con-left  tr,.con-left  td{ border:1px solid #fff;}
.con-left  td a{ display:block; width:116px; height:26px; background:#f2d6ad; line-height:26px; text-align:center; color:#998665;}
.con-left  td a:hover{background:#922a1e; color:#fff;}
.topic{ border:1px solid #c8c2ae; background:#f6f1e7;}
.topic-h3{ height:37px; line-height:37px; background:url(/ue/a/coc/index/2014/20140609/images/topic-img.jpg) no-repeat #f2bb59; border-bottom:1px solid #c8c2ae; text-align:center; color:#473210; font-size:16px;}
.topic-con{ padding:12px 11px 35px; position:relative; height:149px;}
.topic-con  a{ color:#998665; display:block;}
.topic-con  a:hover{ text-decoration:underline;}
.topic-con  a span { padding-top:5px; color:#998665; line-height:18px;}
 .more{ position:absolute; bottom:8px; right:11px; text-align:center;width:71px; height:22px; background:url(/ue/a/coc/index/2014/20140609/images/more.png) no-repeat; font-size:0; line-height:0; color:#998665;}


/*news-list*/
.con-center{ width:380px; float:left;}
.news-box .news-top{padding-top:13px;background:#f2bb59;height:40px; line-height:40px; overflow:hidden; text-align:center;}
.news-box .news-top a{ font-size:20px; font-weight:bold; color:#725738; text-align:center;}
.news-box .news-top-link{background:#f2bb59;text-align:center; height:30px; line-height:30px; padding-bottom:10px}
.news-box .news-top-link a{ font-size:14px; color:#725738; margin:0 3px;}
.comm-bb-list{ border:1px solid #c9c4b0; border-top-color:#d4a44f; padding: 7px 10px 16px;background: #fff;}
.comm-bb-tab{height:35px; background:#fff; border-bottom:1px solid #922a1e; }
.comm-bb-li{float:left;width:94px;}
.comm-bb-li a{display:block;color:#999; font-weight:bold;font-size:16px; width:94px; text-align:center; text-decoration:none; height:32px; line-height:32px;}
.bb-tab-current a{color:#922a1e; border-bottom:3px solid #922a1e;}
.news-list{background:#fff;overflow:hidden;padding-top:14px;}
.news-list li{text-align:right;background:url(/ue/a/coc/index/2014/20140609/images/sprite.png) no-repeat -159px -154px ;padding-left:6px; line-height:26px;font-size:14px;}
.news-list a{color:#29250c;float:left;width:270px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;text-align:left;margin-left:6px;}
.news-list a:hover{color:#922a1e; text-decoration:underline;}
.more-href {
background:url(/ue/a/coc/index/2014/20140609/images/sprite.png) no-repeat -83px -167px;
float: right;
padding-right: 13px;
color: #fff;
margin-right: 12px;
font-size: 0px;
width:48px;
height:10px;
overflow:hidden;
 display:none;
_margin-top: -43px;
}
.tab-more-href{margin-top:-20px; display:block;}
.tit2{font-size: 16px;text-decoration: none;height: 32px;line-height: 32px; color:#922a1e; background:url(/ue/a/coc/index/2014/20140609/images/h3-bg.png) repeat-x 97px center; }
.tit2 strong{ background:#fff;font-weight: bold; padding-right:13px;}
.news2 .news-list{ padding-top: 6px;}

/*con-right */
.con-right{ width:335px; margin-left:16px; _display:inline; float:left;}

.con-right .title_t{ width:335px; }
.zjcx-t h2{ background-position: 0 -202px;}
.con-right .sjcx{width:335px;}
.sjcx,.sjcx tr,.sjcx td{ border-collapse:collapse;}
.sjcx td {
width: 167px;
height: 78px;
line-height:78px;
overflow: hidden;
margin-bottom: 2px;
border:1px solid #cdc8b5;
}
.sjcx td img{ width:166px; overflow:hidden;}
.sjcx td  a {
color: #fff;
font-size: 18px;
}
.con-right .data1,.con-right .data2{ border-top:0;}
.dby-t h2{ background-position: 0 -253px;}
.slide-box{ border:1px solid #cec8b6; border-top:0; background:#fff;}
.slide{  padding:12px 23px 14px 26px;height:198px; overflow:hidden; position:relative;}
.slide ul{ position:absolute; top:12px; left:26px;}
.slide li{ width:65px; float:left; margin-right:38px;}
.slide li em{ float:left; width:70px; height:70px;}
.slide li a{ color:#333;}
.slide li span{ float:left; line-height:36px; text-align:center; width:70px;}
.toggle-btn{ height:23px; background:url(/ue/a/coc/index/2014/20140609/images/slide-toggle-bg.jpg) no-repeat; padding-top:5px;}
.toggle-btn a{ background:url(/ue/a/coc/index/2014/20140609/images/tottle-btn1.jpg) no-repeat; display:block; width:29px; height:16px; overflow:hidden;  font-size:0;margin:0 auto ;}
.toggle-btn .active{ background:url(/ue/a/coc/index/2014/20140609/images/tottle-btn2.jpg);}

/*second-screen*/
.second-screen{ width:980px; margin:0 auto 10px ;}
.mod-box2 { margin-top:11px; position: relative; border:1px solid #f1e9cf;}
.mod-box2 .hd{ height:51px; background:url(/ue/a/coc/index/2014/20140609/images/tit-bg.jpg) repeat-x;  border-bottom:1px solid #bb3826; width:978px; overflow:hidden; position:relative;}
.mod-box2 .more{ float:right; line-height:56px; margin-right:18px; display:inline; color:#fff;}
.mod-box2 h3{ float:left; font-size:18px; font-weight:bold; padding-left:28px; line-height:56px; color:#fff; margin-right:32px;}
.strategy-tab-w{ float:left; }
.strategy-tab-w li{ float:left;}
.strategy-tab-w li a{ display:block; width:93px; height:51px; line-height:51px; font-size:16px; color:#999; text-align:center;}

.strategy-tab-w li a:hover,.strategy-tab-w li a.current{ height:51px; line-height:51px; margin-top:0px;  background:#bb3826; color:#fff; font-weight:bold; text-decoration:none;}
.mod-box2 .bd{  border-color:#d5d0c0; padding:0 0px 20px; background:#fbf6eb; width:978px; overflow:hidden;}

.second-screen .bd{ padding-bottom:20px; background:#fff;}
.area2-list{ width:537px; float:left;margin-top:22px; padding-left:15px; border-right:1px solid #e5dfce;}
.area2-list2{ width:auto; float:none;}

.area2-list .gb-list2-item{ width:160px;  margin-right:17px; padding-bottom:11px; position:relative;}
.area2-list2 .gb-list2-item{ margin-right: 30px;}
.area2-list .gb-list2-con{ width:160px; color:#4b3929}
.area2-list .gb-list2-c1{ padding:3px; background:#fbf6eb;}
.area2-list .gb-list2-con:hover{ background:#d74145;}
.area2-list .gb-list2-con:hover .gb-list2-c1{ padding:0; border:3px solid #d74145}
.area2-list .gb-list2-con:hover .txt{ color:#fff; text-decoration:none;}
.area2-list .avatar{ width:154px; height:84px; overflow:hidden; }
.area2-list .gb-list2-c2{ padding:10px 4px 6px; line-height:20px;}
.area2-list .txt{  text-align:left;}

.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; text-align:center;}
.gb-list2-con, .gb-list2-c2, .gb-list2 .txt, .gb-list2 .tit {
display: block;
overflow: hidden;
cursor: pointer;
}
.area2-list .gb-list2-c1 {
padding: 3px;
background: #fbf6eb;
}
.gb-list2-c1 {
display: block;
width:154px; height:84px; overflow:hidden;
}
.area2-list i{ position:absolute; top:0; left:0; width:160px; height:90px; background:#000;opacity:0.3; filter:alpha(opacity = 30);}
.area2-list a:hover i{opacity:0; filter:alpha(opacity =0);}
.area2-list b {
position: absolute;
background: url(/ue/a/msg/images/video-ico.png) no-repeat;
height: 32px;
width: 34px;
left: 50%;
top: 50%;
margin-left: -17px;
margin-top: -42px;
}
/*top5*/
.top5{ padding-left:17px; width:406px; float:left; padding-top:20px;}
.top5 dt{ padding-top:8px; line-height:35px; color:#bb3826; font-size:20px;}

.top5 dd{ background:url(/ue/a/coc/index/2014/20140609/images/top-list-bg.jpg) no-repeat 0 0; padding-left:26px; line-height:22px;}
.top5 dd a{color:#bb3826;}
.top5 dd a:hover{ text-decoration: underline;;}
.top5 .top-2{ background-position: 0 -21px;}
.top5 .top-3{ background-position: 0 -43px;}
.top5 .top-4{ background-position: 0 -65px;}
.top5 .top-5{ background-position: 0 -87px;}


/*战术策略*/
.zscl-t{ width:980px;}
.zscl-t h2{  background-position:0 -304px;}
.third-con .mod-box2 .hd{ width:112px; height:339px; float:left; background:#eee;}
.third-con .strategy-tab-w li a{width:112px;}
.third-con .mod-box2{ margin-top:0; padding:12px 14px 11px 13px; border:1px solid #e8e2d2; background:#fff;}
.third-con  .mod-box2 .hd{position:static; border:none;}
.third-con .strategy-tab-w li a{ height:42px; line-height:42px;}
.third-con .mod-box2 .bd{ border:0; background:#fff; width:835px; float:left; padding:0;}
.third-con .area2-list{ margin-top:0; border:0;}
.zjgl-left{ width:486px; float:left; margin-left:7px;_display:inline;}
.zjgl-con{ border:3px solid #f2e4be; height:148px; width:480px; position:relative;}
.zjgl-con .img{ width:480px; height:148px; position:absolute; top:0; left:0; z-index:1;}
  .mod-box2 .zjgl-con h3{ height:33px; line-height:33px; float:none; position:relative; z-index:2;}
.zjgl-con strong{display:block; width:94px; background:#998665; text-align:center; margin-left:184px; margin-top:-3px;}
.zjgl-con p{ line-height:20px; padding-left:258px; padding-top:16px;position:relative; z-index:2;}
.zjgl-con p a{ color:#333;}
.more-link{ float:right; color:#9a3f32; padding-right:14px;position:relative; z-index:2;}
.third-con  .area2-list{ width:326px;}
.cybz-con{ padding-top:7px;}
.cybz-con dl{width:246px; float:left; color:#333;}
.cybz-con dt{ width:70px; float:left;}
.cybz-con dd{width:174px; float:left;}
.cybz-con dd a{ color:#333; padding:0 4px; word-wrap:no-wrap;  display:inline-block;}
.zjgl-con .same_list{ width:234px; float:left; padding:0; border:0;font-size:14px;}
.third-con .area2-list .gb-list2-item { margin-right:0;}
.third-con .area2-list .gb-list2-c1{ background:none;}

/*s视频*/
.four-screen .area2-list{ float:none; width:auto; border:0;}
.four-screen .area2-list .gb-list2-c1{ background:none;}
.four-screen .area2-list .gb-list2-item{ margin-right:30px;}
.four-screen  .strategy-tab-w li a{ width:132px;}
.a-link{ float:right; padding-right:29px; padding-top:15px; margin-top:0; display:none;}
.four-screen .active{ display:block;}
.upload{ width:71px; height:22px; line-height:22px; text-align:center; float:left;; background:url(/ue/a/coc/index/2014/20140609/images/a-bg.jpg) no-repeat; color:#998665;}
.video{ font-size:0 ;line-height:0; background:url(/ue/a/coc/index/2014/20140609/images/video.jpg); float:left; width:75px; height:13px; overflow:hidden; margin-top:4px; margin-left:17px;}

/*coc热图*/
.coc-pic{ padding:29px 26px ; border:1px solid #e8e2d2; background:#fff;}
.coc-pic .img{ width:283px; height:159px; float:left; border:3px solid #d8b983; margin-right:22px;_display:inline;}
.coc-tit{ padding-bottom:6px; height:34px; line-height:34px; border-bottom:1px solid #bb3826; font-size:20px; color:#bb3826;}
.coc-center{ width:246px; float:left; margin-right:16px; _display:inline;}
.coc-center p{ margin-top:11px; line-height:20px; color:#333;}
.coc-center p a{ color:#333;}
.coc-center p a:hover{ text-decoration:underline;color:#922a1e;}
.coc-center .upload{ float:right; margin-top:8px;}
.coc-right{ width:350px; float:left;}
.coc-right .upload{ float:none; display:inline-block;_display:inline; margin-left:12px; font-size:14px;}
.coc-right .more-need{ float:right; font-size:0; line-height:0; background:url(/ue/a/coc/index/2014/20140609/images/more-need.jpg) no-repeat; width:64px; height:12px; overflow:hidden; margin-top:11px;*margin-top:-20px;}
.coc-right table,.coc-right tr,.coc-right td{ border:1px solid #fff; background:#f2d6ad;}
.coc-right table { margin-top:15px;}
.coc-right  td{ width:116px; height:26px; line-height:26px; text-align:center;}
.coc-right  td a{ display:block; width:116px; height:26px; color:#998665;}
.coc-right  td a:hover{ background:#922a1e; color:#fff;}


/*list.html*/
.main,.list-con-left{ width:745px; float:left; margin-right:13px;_display:inline;}
.content{ width:980px; margin:0 auto;}
.cur-bar-wrap{ background:none; border:0 none;}
 .cur-bar{ height:40px; line-height:40px; background:url(/ue3/images/coc/index/2013/sprite.png) no-repeat -1px -374px transparent; _background:url(/ue3/images/coc/index/2013/cur-bar-bg.png) no-repeat transparent; font-size:12px; color:#4b3929;}
.cur-bar a{ color:#4b3929;}
.art-wrap{ border:1px solid #d7d7d7;  padding:20px 24px; background:#fff;}
.art-wrap{}
.con-box-video .gb-list2-c1{ border:3px solid #fff;}

.article-box{}
.article-menu{ font-size:12px; text-align:center; width:100%;}
.article-menu td{ border:1px solid #f7e7d0; border-collapse:collapse;}
.article-menu a{ display:block; width:100%; height:40px; line-height:40px; color:#4b3929; background:#fffdf6;}
.article-menu a:hover,.article-menu a.current{ color:#fff; font-weight:bold; text-decoration:none; background:#bb3826;}

.con-box-article{}
.table-menu-box{ margin-bottom:18px;}
.article-list-box{ padding:20px 0; }
.article-list-box li{ height:30px; line-height:30px; overflow:hidden;}
.article-list-box .date{ float:right; color:#a1a194; font-size:14px;}
.article-list-box .tit { float:left; width:560px; background:url(/ue/a/coc/index/2014/20140609/images/list-bg.jpg) no-repeat 0 center; padding-left: 13px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.article-list-box li a{ font-size:14px; color:#4b3929;}
.article-list-box li a:hover{ color:#bb3826; text-decoration:underline;}

.cur-bar-wrap{ background:none; border:0 none;}
.wrapper .cur-bar{ height:40px; line-height:40px; background:url(/ue3/images/coc/index/2013/sprite.png) no-repeat -1px -374px transparent; _background:url(/ue3/images/coc/index/2013/cur-bar-bg.png) no-repeat transparent; font-size:12px; color:#4b3929;}
.cur-bar a{ color:#4b3929;}
.art-wrap{ border:1px solid #d7d7d7; padding:20px 24px; background:#fff;}
.con-box-video .gb-list2-c1{ border:3px solid #fff;}

.cur-bar{ height:38px; line-height:38px; font-family:"\5b8b\4f53"; color:#999;}
.cur-bar a{ color:#999;}
.cur-bar a:hover{ text-decoration:underline;}
.cur-bar br{ display:none;}
.cur-bar-wrap .cur-bar{ padding-left:15px;}
.article-list-box  .line{ background:url(/ue/a/coc/index/2014/20140609/images/line-bg.jpg) 0 0 repeat-x; height:2px; overflow:hidden; margin:26px 0;}

.icon {
float: left;
background: url(/ue3/images/coc/index/2013/sprite.png) no-repeat;
}
.icon-house{ width:14px; height:38px; background-position:-405px 9px; margin-right:8px;}


/*video list*/
.video-list img{opacity:0.8; filter:alpha(opacity=80);}
.video-list a:hover strong{border-color:#bb3826;}
.video-list a:hover img{opacity:1; filter:alpha(opacity=100); }
.con-box-article .video-list { padding-left:0;}
.con-box-article .video-list a{ color:#333;}
.con-box-article .video-list li{ margin-right:18px;}

.mod-box2 .hd .upload{ margin-right:83px;}
