/*the global*/
a:link{ color:#333;}
a:hover{ color:#b9472f; text-decoration: underline;}

.comm-txt{ font-size: 12px; color:#333; line-height: 24px;}
.comm-txt1{ font-size: 14px; color:#333; line-height: 24px;}

.ico-play { display: inline-block; width: 45px; height: 45px; background: url(/ue2/a/lib/zhuanqu/v2/img/ico-play.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ue2/a/lib/zhuanqu/v2/img/ico-play.png',enabled=true,sizingMethod=scale); }

.ico-arrow-r{ display: inline-block; vertical-align: middle; background: url(/ue1/a/wow/index/2014/img/sprite.png) no-repeat}
.ico-arrow-r{ width: 12px; height: 14px; background-position: -100px -50px;}

.ico-in{ display:block; background:url(/ue1/a/wow/index/2014/img/sprite-png24.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/ue1/a/wow/index/2014/img/sprite-png24.png');}

.ico-video, .ico-video .ico-in{ display:block; width:45px; height:45px; overflow:hidden;}
.ico-video .ico-in{ background-position:0 0; _padding-top:0; _margin-top:0;}

.ico-video-sm, .ico-video-sm .ico-in{width: 15px; height: 15px; overflow: hidden; display: inline-block; vertical-align: middle;}
.ico-video-sm .ico-in{  background-position: 0 -50px; _padding-top:50px; _margin-top:-50px;}

.gb-list3{}
.gb-list3, .gb-list3-item, .gb-list3-c2{ overflow: hidden; *zoom:1;}
.gb-list3-item{}
.gb-list3-c1{ float: left;}
.gb-list3-c1 .avatar, .gb-list3-c1 .avatar img{ display: block;}

.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,.gb-list2-c3{ font-size:12px}
.gb-list2 .txt{ width:98%; margin-left:auto; margin-right:auto; text-overflow:ellipsis; vertical-align:baseline}
.gb-list2 .cover,.gb-list2 .cover1,.gb-list2 .mask{ display:block; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; background:#000; filter:alpha(opacity:50); opacity:.50}
:root .gb-list2 .mask{ filter:none \0}
.gb-list2 .cover{ bottom: 0;left: 0; z-index:-1;
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -moz-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000');cursor: pointer;}
.gb-list2 .cover1{ bottom: 0;left: 0; z-index:-1;
background: -webkit-linear-gradient(left,rgba(158,66,45,1) 20%,rgba(158,66,45,.8) 40%,rgba(158,66,45,.6) 50%,rgba(158,66,45,.3) 70%,rgba(158,66,45,0) 100%);
background: -moz-linear-gradient(left,rgba(158,66,45,1) 20%,rgba(158,66,45,.8) 40%,rgba(158,66,45,.6) 50%,rgba(158,66,45,.3) 70%,rgba(158,66,45,0) 100%);
background: -ms-linear-gradient(left,rgba(158,66,45,1) 20%,rgba(158,66,45,.8) 40%,rgba(158,66,45,.6) 50%,rgba(158,66,45,.3) 70%,rgba(158,66,45,0) 100%);
background: linear-gradient(left,rgba(158,66,45,1) 20%,rgba(158,66,45,.8) 40%,rgba(158,66,45,.6) 50%,rgba(158,66,45,.3) 70%,rgba(158,66,45,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, enabled='true',startColorstr='#ff9e3016',endColorstr='#00ffffff');cursor: pointer;}

.comm-plist .gb-list2-item{ width:100%;}
.comm-plist .gb-list2-con{ color:#333; width:160px; position:relative;}
.comm-plist .gb-list2-c1{ position:relative; overflow:hidden;}
.comm-plist .gb-list2-c1 .avatar, .comm-plist .gb-list2-c1 .mask{ width:160px; height:120px}
.comm-plist .gb-list2-c1 .mask{ display:block; z-index:1; filter:alpha(opacity:50); opacity:.50;}
.comm-plist .gb-list2-c1 .ico-video{ display:block; position:absolute; left:50%; top:37px; margin-left:-22px; z-index:10}
.comm-plist .gb-list2-c1 .txt{ display: none; font-size: 18px; color:#f6e1aa; font-weight: bold; position: absolute; left:12px; top:32px; text-align: left; font-family: "Microsoft Yahei"; z-index: 10;}
.comm-plist .gb-list2-c2{ padding:7px 0 10px 0; overflow:hidden; text-align:left;}
.comm-plist .gb-list2-c2 .txt{ font-size:12px; height:44px; line-height:22px; overflow:hidden;}
.comm-plist .gb-list2-c3{ position:absolute; z-index:2; top:90px; left:0; width:160px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 14px;}
.comm-plist .gb-list2-c3 .txt{ height:30px; line-height:30px; color:#fff;}
.comm-plist .gb-list2-c3 .txt-c1{ float:left; vertical-align:middle}
.comm-plist .gb-list2-c3 .txt-c1 .ico-video1{ margin:6px 2px 7px 0}
.comm-plist .gb-list2-c3 .txt-c2{ float:right;}
.comm-plist .gb-list2-c3 .cover{ width:176px; height:48px; }
.comm-plist .gb-list2-c3 .mask{ width:300px; height:30px;}

.comm-plist .gb-list2-con:hover{ _vertical-align:baseline; text-decoration: none;}
.comm-plist .gb-list2-con:hover .gb-list2-c1 .mask, 
.comm-plist .gb-list2-con:hover .gb-list2-c1 .ico-video{ display:none}
.comm-plist .gb-list2-con:hover .gb-list2-c2 .txt{ color:#b9472f;}
.comm-plist .gb-list2-con:hover .gb-list2-c3 .txt{ text-decoration: underline;}

.comm-plist-ex .gb-list2-c1 .mask{ display: none;}
.comm-plist-ex .gb-list2-con:hover .gb-list2-c1 .mask, 
.comm-plist-ex .gb-list2-con:hover .gb-list2-c1 .txt{ display:block;}
.comm-plist-ex .gb-list2-con:hover .gb-list2-c3{ visibility: hidden;}

.comm-plist-300-225 .gb-list2-con, .comm-plist-300-225 .gb-list2-c3{ width:300px;}
.comm-plist-300-225 .gb-list2-c1 .avatar, .comm-plist-300-225 .gb-list2-c1 .mask{ width:300px; height:225px}
.comm-plist-300-225 .gb-list2-c3{ top:195px;}

.comm-plist-160-250 .gb-list2-con, .comm-plist-160-250 .gb-list2-c3{ width:160px;}
.comm-plist-160-250 .gb-list2-c1 .avatar, .comm-plist-160-250 .gb-list2-c1 .mask{ width:160px; height:250px}
.comm-plist-160-250 .gb-list2-c3{ top:220px;}

.comm-plist1{ margin-bottom:-11px;}
.comm-plist1 .gb-list2-item{ width:100%; margin-bottom:11px;}
.comm-plist1 .gb-list2-con{ color:#fff; width:178px; position:relative;}
.comm-plist1 .gb-list2-c1{ position:relative; overflow:hidden;}
.comm-plist1 .gb-list2-c1 .avatar{ width:178px; height:52px}
.comm-plist1 .gb-list2-c3, .comm-plist1 .gb-list2-c3 .cover1{ width:140px; height:52px;}
.comm-plist1 .gb-list2-c3{ position:absolute; z-index:2; top:0; left:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 14px; text-align: left; font-family: "Microsoft Yahei"; line-height: 18px;}
.comm-plist1 .gb-list2-c3 .tit{ padding:7px 0 0 10px;}
.comm-plist1 .gb-list2-c3 .txt-ex{ padding-left:10px;}
.comm-plist1 .gb-list2-con:hover{ color:#fff; text-decoration: none;}

.comm-plist1-126-60 .gb-list2-con{ width:126px;}
.comm-plist1-126-60 .gb-list2-c1 .avatar{ width:126px; height:60px}
.comm-plist1-126-60 .gb-list2-c3, .comm-plist1-126-60 .gb-list2-c3 .cover1{ width:100px; height:60px;}
.comm-plist1-126-60 .gb-list2-c3 .tit{ padding-top:13px;}
.comm-plist1-126-60 .gb-list2-c3 .txt{ padding-left:5px;}

.comm-plist1-168-50 .gb-list2-con{ width:168px;}
.comm-plist1-168-50 .gb-list2-c1 .avatar{ width:168px; height:50px}
.comm-plist1-168-50 .gb-list2-c3, .comm-plist1-168-50 .gb-list2-c3 .cover1{ width:140px; height:50px;}
.comm-plist1-168-50 .gb-list2-c3 .tit{ padding-top:8px;}
.comm-plist1-168-50 .gb-list2-c3 .txt{ padding-left:5px;}

.comm-plist1-ex .cover1{ bottom: 0;left: 0; z-index:-1;
background: -webkit-linear-gradient(left,rgba(130,158,23,1) 20%,rgba(130,158,23,.8) 40%,rgba(130,158,23,.6) 50%,rgba(130,158,23,.3) 70%,rgba(130,158,23,0) 100%);
background: -moz-linear-gradient(left,rgba(130,158,23,1) 20%,rgba(130,158,23,.8) 40%,rgba(130,158,23,.6) 50%,rgba(130,158,23,.3) 70%,rgba(130,158,23,0) 100%);
background: -ms-linear-gradient(left,rgba(130,158,23,1) 20%,rgba(130,158,23,.8) 40%,rgba(130,158,23,.6) 50%,rgba(130,158,23,.3) 70%,rgba(130,158,23,0) 100%);
background: linear-gradient(left,rgba(130,158,23,1) 20%,rgba(130,158,23,.8) 40%,rgba(130,158,23,.6) 50%,rgba(130,158,23,.3) 70%,rgba(130,158,23,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, enabled='true',startColorstr='#ff759204',endColorstr='#00ffffff');cursor: pointer;}

.comm-plist2{ margin:0 -1px -1px 0;}
.comm-plist2 .gb-list2-item{ width:86px; height: 66px; overflow: hidden; margin:0 1px 1px 0;}
.comm-plist2 .gb-list2-con{ color:#333; width:86px; position:relative;}
.comm-plist2 .gb-list2-c1{ position:relative; overflow:hidden;}
.comm-plist2 .gb-list2-c1 .avatar, .comm-plist2 .gb-list2-c1 .mask{ width:86px; height:66px}
.comm-plist2 .gb-list2-c1 .mask{ display:none; z-index:1; filter:alpha(opacity:50); opacity:.50;}
.comm-plist2 .gb-list2-c1 .txt{ display: none; font-size: 12px; color:#fffefe;position: absolute; left:0; top:28px; font-family: "Microsoft Yahei"; z-index: 10; width: 100%;}
.comm-plist2 .gb-list2-con:hover{ text-decoration: none;}
.comm-plist2 .gb-list2-con:hover .gb-list2-c1 .mask, 
.comm-plist2 .gb-list2-con:hover .gb-list2-c1 .txt{ display:block;}

.comm-plist3 .gb-list2-item{ width:100%;}
.comm-plist3 .gb-list2-con{ color:#333; width:64px; position:relative;}
.comm-plist3 .gb-list2-c1{ position:relative; overflow:hidden;}
.comm-plist3 .gb-list2-c1 .avatar{ width:60px; height:60px; padding:2px;}
.comm-plist3 .gb-list2-c2{ padding:2px 0 3px 0; overflow:hidden; text-align:center;}
.comm-plist3 .gb-list2-c2 .txt{ font-size:12px; height:40px; line-height:20px; overflow:hidden;}
.comm-plist3 .gb-list2-con:hover, .comm-plist3 .current .gb-list2-con{ background: #99612f; text-decoration: none; color:#f9f4df;}

.type-links{ font-size:0;}
.type-links .item{}
.type-links .link{ font-size:12px; color:#333; line-height:22px;}
.type-links .link:hover{ color:#bd0001}
.type-links .type-links{ float:right; margin-right:20px}
.type-links .sep{font-size:12px; color:#333;  margin:0 7px;}

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

.comm-tab{}
.comm-tab .gb-tab-item{ float:left; height:35px; line-height:35px; width: 25%; position:relative; margin-left:-1px; _display:inline;}
.comm-tab .gb-tab-c{ display:inline-block; width:100%; height:35px; font-size:14px; color:#835f39; text-align:center; background: url(/ue1/a/wow/index/2014/img/sprite.png) no-repeat -900px -87px; position: relative; font-weight: bold;}
.comm-tab .gb-tab-c:hover{ text-decoration:none}
.comm-tab .gb-tab-first .gb-tab-c{ background-image: none;}
.comm-tab .current, .comm-tab .current:hover{color:#fff; background-color:#99612f; z-index: 10;background-image: none;}
.comm-tab .more{ float:right; padding-right:5px;}
.comm-tab .gb-tab-b1{ font-size:0px; line-height:0%; width:0px;border-top:8px solid #99612f;border-left:8px dashed transparent;border-right:8px dashed transparent; left:50%; top:32px; margin-left:-4px;}
.comm-tab .current .gb-tab-b1{ display:block}

.comm-tab1{ overflow:hidden; *zoom:1;}
.comm-tab1 .gb-tab-item{ float:left;margin-left:-1px; _display:inline; border-left:1px solid #622815}
.comm-tab1 .gb-tab-c{ display:inline-block; height:38px; line-height:38px; font-size:14px; color:#fff; padding:0 16px; background:#99612f}
.comm-tab1 .gb-tab-c:hover{ text-decoration:underline; color:#fff;}
.comm-tab1 .current, .comm-tab1 .current:hover{ text-decoration:none; background-color:#ffffee; color:#333}

.comm-tab1-ex .gb-tab-c{ padding:0 7px; height: 26px; line-height: 26px;}
.comm-tab1-ex .current, .comm-tab1-ex .current:hover{ background: #fcf6d3}

.comm-tab2{ overflow: hidden; *zoom:1; width: 100%; height: 92px; border-bottom:1px solid #99612f; background: #fcf6d3; padding:8px 0 0 0;}
.comm-tab2 .gb-tab-item{ float: left; width: 9.09%;}
.comm-tab2 .gb-tab-c, .comm-tab2 .gb-tab-c .avatar, .comm-tab2 .gb-tab-c .txt{ display: block; text-align: center;}
.comm-tab2 .gb-tab-c{ width: 66px; margin:0 auto; color:#141414; height: 92px; position: relative;}
.comm-tab2 .gb-tab-c .avatar{ border: 3px solid #fcf6d3}
.comm-tab2 .gb-tab-c .avatar img{ width: 60px; height: 60px;}
.comm-tab2 .gb-tab-c .txt{ }
.comm-tab2 .ico-arrow-t{ width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border: 7px dashed transparent; border-bottom-style: solid; border-bottom-color:#99612f; position: absolute; left:50%; margin-left:-7px; bottom:0; display: none;}
.comm-tab2 .gb-tab-c:hover, .comm-tab2 .current{ text-decoration: none; color:#ff4800;}
.comm-tab2 .gb-tab-c:hover .avatar, .comm-tab2 .current .avatar{ border-color:#ff4800;}
.comm-tab2 .current .ico-arrow-t{ display: block;}

.comm-tab2-ex{ border-bottom:none; border-top:1px solid #99612f; background: #f4eaba; padding:15px 0 0 0;}
.comm-tab2-ex .gb-tab-c .avatar{ border-color:#f4eaba;}
.comm-tab2-ex .gb-tab-c:hover .avatar, .comm-tab2-ex .current .avatar{ border-color:#99612f;}
.comm-tab2-ex .gb-tab-c:hover, .comm-tab2-ex .current{ color:#99612f;}
.comm-tab2-ex .ico-arrow-t{ border-top-style: solid; border-top-color:#99612f; border-bottom-style: dashed; border-bottom-color:transparent;bottom:93px;}

.comm-tab3{ overflow:hidden; *zoom:1; height:25px;}
.comm-tab3 .gb-tab-item{ float:left; height:25px;}
.comm-tab3 .gb-tab-c{ float:left; overflow:hidden; height:25px; line-height:25px; font-size:14px; color:#666; padding:0 10px; border-radius:2px;}
.comm-tab3 .gb-tab-c:hover{ text-decoration:underline}
.comm-tab3 .current, .comm-tab3 .current:hover{ color:#fff; background:#99612f; text-decoration:none;}

.comm-mod{ width: 100%; position: relative;}
.comm-mod-hd{ width: 21px; height: 85px; background: #f4eaba; position: absolute; right:0; top:0; border-radius: 0 2px 2px 0}
.comm-mod-hd .tit{ width: 1em; font-size: 14px; color:#99612f; margin:0 auto; font-weight: bold; line-height:20px; padding:2px 0 0 0;}

.comm-pn-hd{ height:35px; width:100%; background:#fcf6d3; position:relative}
.comm-pn-hd .tit{ color:#fff; font-size:16px; float:left; font-weight:bold; line-height:35px; padding-left:15px}
.comm-pn-hd .ico1{ float:left; margin:11px 8px 0 0;}
.comm-pn-hd .more{ position:absolute; right:10px; top:0; line-height:35px; color:#fff;}
.comm-pn-hd .more a{ color:#fff; margin:0 5px;}
.comm-pn-hd .more a:hover{ text-decoration:underline}

.comm-pn1-hd{ height:46px; line-height:46px; margin-bottom:15px; border-bottom:1px solid #e1cfb6; position:relative}
.comm-pn1-hd .tit{ color:#333; font-size:16px; position:absolute; left:0; top:0; height:46px; border-bottom:1px solid #99612f;  font-weight:bold;}
.comm-pn1-hd .more{ float:right; padding-right:5px;}
.comm-pn1-hd .more a{ color:#333;}
.comm-pn1-hd .more .sep{ color:#bbb; margin:0 4px 0 6px;}
.comm-pn1-hd .more a:hover{ text-decoration:underline}
.comm-pn1 .gb-tab{ float:left;}
.comm-pn1-hd .type-links{ float:right;}
.comm-pn1-hd .type-links .sep, .comm-pn1-hd .type-links .link, .comm-pn1-hd .type-links-tit{ font-size:12px; color:#999;}
.comm-pn1-hd .type-links .sep{ margin:0 7px;}

.comm-pn1-ex .comm-pn1-hd{ border-bottom:none; margin-bottom:0;}
.comm-pn1-ex .comm-pn1-hd .tit{ border-bottom:none;}

.comm-pn1-ex1 .comm-pn1-hd{ height: 42px; line-height: 42px;}
.comm-pn1-ex1 .comm-pn1-hd .tit{ font-size: 14px; height: 42px;}

.comm-pn1-ex2 .comm-pn1-hd .tit{ font-size: 22px; font-weight: bold;; color:#6a2812; font-family: "Microsoft Yahei"}

.comm-pn2{}
.comm-pn2-hd{ height: 38px; padding:7px 12px 0 12px; background: url(/ue1/a/wow/index/2014/img/sprite.png) no-repeat left 0;}
.comm-pn2-hd .tit{ float: left; font-size: 16px; color:#fff; line-height: 36px; font-weight: bold;}
.comm-pn2-hd .more{ float:right; line-height: 36px;}
.comm-pn2-hd .more a{ color:#fff;}
.comm-pn2-hd .more .sep{ color:#bbb; margin:0 4px 0 6px;}
.comm-pn2-hd .more a:hover{ text-decoration:underline}
.comm-pn2-hd .gb-tab{ float:left;}
.comm-pn2-hd .comm-tab1{}

.comm-pn2-ex .comm-pn2-hd{ background-position: right 0;}

.comm-pn2-ex1 .comm-pn2-hd{ background-image: none; background-color: #622815}
.comm-pn2-ex1 .comm-pn2-hd .tit{ color:#ffffee;}
.comm-pn2-ex1 .comm-pn2-bd{ border: 1px solid #cca684; border-top:none;}

.comm-pn2-ex2 .comm-pn2-hd{ background-image: none; background-color: #99612f}
.comm-pn2-ex2 .comm-pn2-hd .tit{ color:#f4eaba;}
.comm-pn2-ex2 .comm-pn2-bd{ border: 1px solid #cca684; border-top:none;}

.comm-pn3-hd{ height:45px; margin-bottom:8px;}
.comm-pn3-hd-in{ height:45px;}
.comm-pn3-hd .tit{ color:#333; font-size:20px; line-height:45px;  float:left; font-weight:bold;font-family:"Microsoft Yahei"; min-width:147px; _width:147px;}
.comm-pn3-hd .more{ float:right; line-height:45px; color:#666;}
.comm-pn3-hd .more a{ color:#666; margin:0 5px;}
.comm-pn3-hd .more a:hover{ color:#d74c00;}
.comm-pn3-hd .gb-tab{ float:right;}
.comm-pn3-hd .comm-tab3{ margin-top:11px;}
.comm-pn3-bd{}

.comm-pn4{}
.comm-pn4-hd{ height: 32px; position: relative; z-index: 10;}
.comm-pn4-hd i{ display: block; height: 1px; overflow: hidden; background: #cdb299; position: absolute; left:0; top:16px; width: 100%; z-index: -1;}
.comm-pn4-hd .tit{ font-size: 16px; color:#ffed47; font-weight: bold; text-align: center;}
.comm-pn4-hd .tit-in{ display: inline-block; padding:0 5px; background: #99612f; height: 32px; line-height: 32px; }

.comm-pn4-ex .comm-pn4-hd .tit{ color:#6a2812;}
.comm-pn4-ex .comm-pn4-hd .tit-in{ background: #f4eaba}

.comm-table{ margin-bottom:-1px;}
.comm-table th,.comm-table td{border-left:1px solid #cca684; border-bottom:1px solid #cca684;}
.comm-table th{ background: #f4eaba; border-left:none; text-align: center;}
.comm-table td{ background: #ffffee;}

.news-list{ overflow:hidden; *zoom:1;}
.news-list li{ height:24px; line-height:24px; overflow:hidden; white-space:nowrap; float:left; width:100%;}
.news-list .line{ height:10px; margin-bottom:8px;}
.news-list .line{ border-bottom:1px dotted #bdbdbd;}
.news-list .date{ font-size:12px; color:#8e8e8e; float:right;}
.news-list .tit{padding-left:8px; background:url(/ue1/a/wow/index/2014/img/sprite.png) no-repeat -900px -140px; display:block; width:86%;  overflow:hidden; white-space:nowrap; /*text-overflow:ellipsis; */ color:#8e8e8e;}
.news-list .tit a{ font-size:14px; color:#333;margin-right:10px;}
.news-list .tit a:hover{ color:#b9472f;}

.comm-more{ text-align: right; padding-right:5px;}
.comm-more a{ color:#333;}
.comm-more a:hover{ color:#b9472f}

/*the content*/
.content{ width:970px; margin:0 auto; border: 1px solid #dadad9; padding:14px; background: #ffffee;/* min-height: 1314px; _height:1314px;*/}
.content-ex{ background: #fff;}

.first-screen{} 
.first-screen-c1{ float:left; width:370px;}
.first-screen-c2{ float:right; width:585px;}

.first-screen-c1 .focus-news{ padding:0 0 14px 0; text-align:center;margin-bottom:6px;}
.first-screen-c1 .focus-news a:hover{ color:#c61c02}
.first-screen-c1 .top-news,.first-screen-c1 .hot-news{ overflow:hidden; width:100%; font:bold 16px/34px "Microsoft Yahei"; white-space:nowrap; text-overflow:ellipsis; color:#b9472f}
.first-screen-c1 .hot-news{ margin-top:5px}
.first-screen-c1 .c-link1{ color:#b9472f}
.first-screen-c1 .c-link2{ margin:0 2px; color:#a6a6a6}
.first-screen-c1 .sign-top{ display:inline-block; height:14px; margin-right:5px; padding:0 6px; font:normal 12px/14px "\5b8b\4f53"; color:#fff; background:#ff7800; vertical-align:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

.recomm-news .gb-tab-pn{ min-height:557px; _height:557px;}
.first-screen-c1 .news-list{ padding:10px 5px 5px 5px;}
.first-screen-c1 .news-list-ex1{ padding:10px 0; margin:0 10px; border-top:1px dotted #474747}
.first-screen-c1 .comm-plist{ padding:15px 0 0 0;}

.focus-w{}
.focus-w,.focus-in{ overflow:hidden; zoom:1; width:585px; height:210px; position: relative;}
.focus-con{position: relative;}
.focus-con,.focus-item,.focus-item .img{ width: 100%; height:210px;}
.focus-item{ position:absolute; left:0; top:0;}
.focus-item img{ width:100%; height:100%}
.focus-item .txt{ overflow:hidden; white-space:nowrap}
.focus-item .txt:hover .tit{ text-decoration: none;}

.focus-item  .mask{position: absolute; z-index:-1; top:0; left:0; width:585px; height:400px; width:100%\0; height:100%\0; filter:alpha(opacity:50); opacity: .5;}
.focus-item .tit{ position:absolute; left: 0; bottom: 0;z-index: 3; overflow: hidden; font: normal 20px/1.5 "Microsoft Yahei"; color: #fff; padding:5px 10px;  width:565px; height: 53px; text-align: center;}
.focus-item .s-tit{position:absolute; left: 0;bottom:10px;z-index: 3; overflow: hidden;padding: 6px 20px; text-align: center;}
.focus-item .s-tit span{ display: block;}
.focus-item .s-tit-c1{ color: #fff; font:normal 26px/1 "Times New Roman", Times, serif; }
.focus-item .s-tit-c2{ color: #555558; font: normal 12px/1.2 "Microsoft Yahei"; }
.focus-item .tit .mask{ background-color: #000;}
.focus-item .s-tit .mask{ background-color: #000}

.focus-item a:hover .tit{ text-decoration:underline}
.focus-item .bg{ display:block; position:absolute; z-index:-1; top:0; left:0; width:1000px; height:1000px; background:#1f0806; filter:alpha(opacity:70); opacity:.7}
.focus-num{ overflow:hidden;  height:20px; position: absolute; bottom:5px; left: 0; z-index: 10; width: 100%; text-align: center; font-size: 0;}
.focus-num a{ display:inline-block;width: 16px; height: 16px;  background-color: #7a8188; margin:0 4px; border-radius: 50%;}
.focus-num a:hover{ text-decoration:none}
.focus-num .current{ background: #ff4800;}

.focus-more{ overflow:hidden; position:absolute; top:0; right:0; _right:-1px; z-index:5; width:45px; height:45px}
.focus-more .bt-more{ display:block; overflow:hidden; width:45px; height:45px; line-height:20em; background:url(/ue1/images/zhanhun/2012/0904/bt-more.png) no-repeat}
.focus-more .bt-more:hover{ background-position:0 -46px}

.focus-con .backward, .focus-con .forward{ position: absolute; bottom:8px; width:23px; height:45px; background:url(/ue1/a/wow/index/2014/img/sprite.png) no-repeat; z-index:10; cursor:pointer;}
.focus-con .backward{left: 10px; background-position:-25px -50px;}
.focus-con .forward{ right: 10px; background-position:-75px -50px;}
.focus-con .backward:hover{background-position:0 -50px;}
.focus-con .forward:hover{background-position:-50px -50px;}

.pn-db-search{ float: left; width: 360px; padding:0 20px; margin-top:2px; border-right:1px dashed #e5e5e5;}
.pn-live{ float: right; width: 160px;margin-top:2px; }
.pn-train-stra{ clear: both; padding-left:20px; padding-top:19px;}
.pn-train-stra .comm-plist1{ margin:0 -7px;}
.pn-db-search .list-channel li a{ font-weight: bold;}


.box-search{height:28px; overflow: hidden; position: relative; width: 360px;}
.box-search .select{ float: left; width: 55px; height:28px; padding:4px 0; border: 1px solid #7aa600; margin-right:5px; background: #fff}
.box-search .txt{ float: left; width:226px; border: 1px solid #7aa600; border-right:none; height:20px; line-height:20px; overflow: hidden; padding:3px 10px; font-size:14px; background:#fff;}
.box-search .btn{width:53px; height:28px; border:none; overflow:hidden; background:#7aa600; cursor:pointer; color:#fff; position: absolute; top:0; right:0;}
.box-search .btn:hover{ background: #88b706;}
.box-search input[type="text"]{ color:#999;}
.box-search input[type="text"]:hover, .box-search input[type="text"]:focus{ color:#333}

.list-channel{ overflow: hidden; *zoom:1; margin-top:16px;}
.list-channel li{ float: left; margin:0 -1px -1px 0;}
.list-channel li a{ display: block; width: 179px; height: 36px; text-align: center; line-height: 36px; background: #f4eaba; border: 1px solid #efe097; color:#99612f;}
.list-channel li a:hover{ background: #99612f; border-color:#99612f; color:#ffffee; text-decoration: none;}

.list-channel-ex{ margin-bottom:-4px;}
.list-channel-ex li{ margin:0 4px 4px 0;}
.list-channel-ex li a{ font-size: 14px; width: 114px; height: 38px; text-align: center; line-height: 38px;}

.list-channel-ex1{ margin-right:-19px;}
.list-channel-ex1 li{ margin:0 19px 0 0;}
.list-channel-ex1 li a{ width: 74px; height: 23px; line-height: 23px; font-size: 13px; border-radius: 3px;}

.list-channel-ex2{ margin:0;}
.list-channel-ex2 li a{ width: 154px; height: 28px; line-height: 28px; background: #99612f; border-color:#ce8340; font-size: 12px; color:#fcf7c9;}
.list-channel-ex2 li a:hover{ background: #6a2812; border-color:#6a2812;}

.list-channel1{ overflow: hidden; *zoom:1; margin-right:-3px;}
.list-channel1 li{ float: left; margin-right:3px;}
.list-channel1 li a{ display: block; width: 104px; height: 38px; text-align: center; line-height: 38px; background: #99612f; border: 1px solid #efe097; color:#f4eaba; font-size: 14px; }
.list-channel1 li a:hover{ color:#f4eaba;}

.list-train-stra{ overflow: hidden; *zoom:1; padding-bottom:15px; border-bottom:1px dashed #eee; margin-bottom:17px;}
.list-train-stra .item{ float: left;}
.box-train-stra{ padding-right:13px; position: relative;}
.box-train-stra-ex{ margin-bottom:14px;}
.box-train-stra .con{ display: block; background: #f4eaba; border: 1px solid #efe097; border-radius: 5px; font-size: 0; width: 60px;}
.box-train-stra .avatar{ display:inline-block; vertical-align:middle; height: 45px;}
.box-train-stra .avatar img{}
.box-train-stra .tit{ font-size: 12px; color:#925b2c; font-weight: bold; display: block; padding:5px 0 0 5px;}
.box-train-stra .info{ font-size: 12px; color:#925b2c; padding-left:5px;}
.box-train-stra .ico-arrow-r{ position: absolute; right:0; top:16px;}
.box-train-stra .con:hover{ text-decoration: none;}

.list-train-stra .item .box-train-stra .con{ height: 45px;}
.list-train-stra .item-ex .box-train-stra .con{ height: 106px;text-align: center; position: relative;}
.list-train-stra .item-ex .box-train-stra .tit{ width: 1em; margin:0 auto; padding-left:0;}
.list-train-stra .item-ex .box-train-stra .info{ padding:0; display: block; width: 100%; position:absolute; left:0; bottom:5px;}
.list-train-stra .item-ex .box-train-stra .ico-arrow-r{ top:46px;}

.list-train-stra .item-first .box-train-stra .con{ width: 80px;}
.list-train-stra .item-first .box-train-stra .tit{ display: inline-block; vertical-align: middle; padding:0;}

.list-train-stra .item-w5 .box-train-stra .con{ width: 80px;}

.pn-scroll{ *zoom:1; position:relative; margin:0 auto;}
.pn-scroll .scroll-box{ position:relative; overflow:hidden;}
.pn-scroll .scroll-con{white-space:nowrap; font-size:0; vertical-align:top; position: relative; overflow:visible}
.pn-scroll .scroll-item{ display:inline-block; float:none; *display:inline; *zoom:1; width:100%; vertical-align:top; text-align:center; position:relative;}
.pn-scroll .scroll-bt-prev, .pn-scroll .scroll-bt-next{position: absolute;z-index:999; display:none; overflow:hidden;}
.pn-scroll .hover .scroll-bt-prev, .pn-scroll .hover .scroll-bt-next{ display:block}
.pn-scroll .navi { text-align:center; font-size:0;}
.pn-scroll .navi a{ display:inline-block; width:10px; height:10px; overflow:hidden; background-color:#646464; margin:0 2px; border-radius: 50%}
.pn-scroll .navi a:hover,.pn-scroll .navi .active{ background-color:#ff4800}

.pn-live{ width:160px; margin-top:2px;}
.pn-live .scroll-box{ width:160px;}
.pn-live .comm-plist .gb-list2-c3{ font-size: 12px;}
.pn-live .navi{ position: absolute; right:-2px; top:20px;}

/*the area1*/
.area{ margin-top:20px;}
.pn-zt .comm-pn2-hd{ margin-bottom:20px;}
.pn-zt .comm-pn2-hd .tit{ width: 195px;}

.pn-zt .pn-scroll{ width:970px;}
.pn-zt .scroll-box{ width:970px;}
.pn-zt .scroll-item{ font-size: 12px;}
.pn-zt .comm-plist{ margin:0 -15px;}
.pn-zt .navi{ position: absolute; right:12px; top:-46px;}

.pn-zt .comm-plist .gb-list2-item{ float: left;}

/*the area2*/
.pn-hot-mater{}
.comm-pn2-c1{ float: left; width: 560px;}
.comm-pn2-c2{ float: right; width: 365px;}

.pn-copy-five .comm-plist1, .pn-copy-team .comm-plist1{ margin:0 -9px;}
.pn-copy-team, .pn-version-skill{ margin-top:-11px;}
.pn-copy-five, .pn-impor-system{ min-height: 275px; _height:275px;}
.pn-copy-team .comm-plist1{ margin-bottom:-11px;}

.fast-track{ margin-bottom:-8px;}
.fast-track .item{ overflow:hidden; *zoom:1; padding-left:75px; padding-bottom:8px;}
.fast-track .tit{ float:left; width:67px; height:19px; text-align:center;color:#fff; font-weight:bold;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-left:-75px; _display:inline; background: #a9c55d; padding-top:2px;}
.fast-track .con{ overflow: hidden; *zoom:1;}

.fast-track1{ margin-bottom:-14px; padding:20px 0 10px 0; margin-bottom:10px; border-bottom:1px dashed #d8d7d7; text-align: center;}
.fast-track1 .item{ overflow:hidden; *zoom:1; padding-left:85px; padding-bottom:14px;}
.fast-track1 .tit{ display: inline-block; *zoom:1; *display: inline; width:70px; height:23px; line-height: 23px; text-align:center;color:#fff; font-weight:bold;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-left:-85px; _display:inline; position: relative; margin-right:5px;}
.fast-track1 .tit i{ width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; border:4px dashed transparent; border-left-style: solid; position: absolute; top:7px; right:-8px;}
.fast-track1 .tit1{ background: #857d72;}
.fast-track1 .tit2{ background: #c61c02;}
.fast-track1 .tit1 i{ border-left-color:#857d72;}
.fast-track1 .tit2 i{ border-left-color:#c61c02;}
.fast-track1 .con{ display: inline-block; *zoom:1; *display: inline; padding:1px 0 0 0;}
.fast-track1 .type-links .sep{ color:#d5d5d5;}
.fast-track1 .type-links .link{color:#6a2812;}

/*the area3*/
.area3-c1{ float: left; width: 595px;}
.area3-c2{ float: left; width: 375px;}

.pn-video .comm-pn2-hd .tit{ width: 90px;}
.pn-video-rank .comm-pn2-hd{ border-left:1px solid #843115;}
.pn-video-rank .comm-pn2-bd{ min-height: 365px; _height:365px; background: #fcf6d3; padding:0 18px 0 12px;}
.pn-video-rank .gb-tab{ float: right; padding-top:12px;}

.pn-video .comm-plist{ margin:15px 0 -10px -18px;}

.box-video-rank{ padding:10px 0 0 0;}
.list-rank {color:#6c6c6c; overflow:hidden; *zoom:1;}
.list-rank li{line-height:32px;overflow:hidden;*zoom:1; float:left; width:100%;}
.list-rank .tit{ float:left; width:74%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-rank a{color:#333; font-size:14px;}
.list-rank a:hover{ color:#d74c00;}
.list-rank .date{float:right; color:#535353; font-size:14px; width:55px;}
.list-rank .date .ico-video-sm{ margin:9px 0 0 0; float:left;}
.list-rank .date .num{ float:right;}
.list-rank em{ float:left; width:20px;height:18px; margin:6px 10px 0 0; line-height:20px; text-align:center;background:#a6a6a6;color:#fff; border:1px solid #a6a6a6;}
.list-rank .top em{background:#86a217; border-color:#86a217;}

/*the area4*/
.mod-occup-stra{ padding:10px 0 0 0;}
.box-occup-talent{ float: left; width: 580px; background: #fcf7c9; margin-top:10px;}
.box-occup-talent-c1{ width: 160px; float: left;}
.box-occup-talent-c2{ float: right; width: 380px;}

.list-talent{ overflow: hidden; border-bottom:1px solid #fcf7c9; margin-bottom:-2px;}
.list-talent-item{ padding-bottom:14px; border-bottom:1px dotted #d6d2ab;}
.list-talent-item .tit{ font-size: 14px; color:#333; font-weight: bold; height: 43px; line-height: 43px;}
.list-talent-item .tit a{ color:#333;}
.list-talent .list-channel{ margin-top:0;}

.box-occup-stra{ float: right; width: 360px;}
.box-occup-stra .comm-pn1-hd{ margin-bottom:9px;}
/*the area5*/
.pn-pic .comm-pn2-hd .tit{ width: 195px;}

.pn-pic .comm-plist{ margin:18px -10px -15px -10px;}
.pn-pic .comm-plist .gb-list2-item{ margin-bottom:20px;}

/*the page-article1 , the pgae-article2*/
.mod-article .breadcrumb, .crumbs{ background-color:#f0eeec; height:35px; line-height:35px; color:#666; font-size:12px;}
.mod-article .breadcrumb a, .crumbs a{ color:#666;}
/*.mod-article .article{ border:none;}*/

.crumbs{ padding:0 15px;}

.subpage-area{ overflow:hidden; *zoom:1;}
.subpage-area-c1{ width:655px; float:left;}
.subpage-area-c2{ width:300px; float:right;}

.side-comm-pn{ margin-bottom:10px;}
.side-comm-pn .hd{ height:35px; line-height:35px; background:url(/ue1/a/wow/index/2014/img/sprite.png) no-repeat 0 -100px;}
.side-comm-pn .hd .tit{ color:#fff; font-size:14px; float:left; padding-left:13px; font-weight:bold;}
.side-comm-pn .hd .more{ float:right; padding-right:10px;}
.side-comm-pn .hd .more a{ color:#fff;}
.side-comm-pn .side-comm-plist{ padding:14px 3px 0 3px;}
.side-comm-pn .bd{ background-color:#fff; border: 1px solid #f0eeec; border-top:none;}

.side-comm-plist .gb-list2-item{ width:100%;}
.side-comm-plist .gb-list2-con{ color:#52524f; width:125px; position:relative;}
.side-comm-plist .gb-list2-c1{ position:relative; overflow:hidden;}
.side-comm-plist .gb-list2-c1 .avatar, .side-comm-plist .gb-list2-c1 .mask{ width:125px; height:94px}
.side-comm-plist .gb-list2-c1 .mask{ display:block; z-index:1; filter:alpha(opacity:50); opacity:.50;}
.side-comm-plist .gb-list2-c1 .ico-video{ display:block; position:absolute; left:50%; top:25px; margin-left:-22px; z-index:10}
.side-comm-plist .gb-list2-c2{ padding:6px 0 10px 0; overflow:hidden; text-align:left;}
.side-comm-plist .gb-list2-c2 .txt{ font-size:12px; height:36px; line-height:18px; overflow:hidden;}

.side-comm-plist .gb-list2-con:hover{ _vertical-align:baseline; text-decoration: none;}
.side-comm-plist .gb-list2-con:hover .gb-list2-c1 .mask, 
.side-comm-plist .gb-list2-con:hover .gb-list2-c1 .ico-video{ display:none}
.side-comm-plist .gb-list2-con:hover .gb-list2-c2 .txt{ color:#b9472f;}

.side-comm-plist-ex .gb-list2-con{ width: 240px;}
.side-comm-plist-ex .gb-list2-c1 .avatar, .side-comm-plist-ex .gb-list2-c1 .mask{ width:240px; height:80px}
.side-comm-plist-ex .gb-list2-c2{ text-align: center;}
.side-comm-plist-ex .gb-list2-c2 .txt{ font-size: 14px; color:#333;  line-height: 24px; height: 24px;}
.side-comm-plist-ex .gb-list2-con:hover .gb-list2-c2 .txt{ text-decoration: underline;}

.col2 .gb-list2-item{ width:49.99%;}

.side-news-list{ overflow:hidden; *zoom:1; padding:10px;}
.side-news-list li{ height:22px; line-height:22px; overflow:hidden; white-space:nowrap; float:left; width:100%;}
.side-news-list .line{ height:10px; margin-bottom:8px;}
.side-news-list .date{ font-size:12px; color:#8e8e8e; float:right;}
.side-news-list .tit{padding-left:9px; background:url(/ue1/a/wow/index/2014/img/sprite.png) no-repeat -900px -140px; display:block; width:83%;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#555353;}
.side-news-list .tit a{ font-size:12px; color:#52524f;margin-right:10px;}
.side-news-list .tit a:hover{ color:#b9472f}

.side-pn-recomm{ width: 280px; height: 375px; padding:20px 0 0 0; background: url(/ue1/a/wow/index/2014/img/sprite.png) no-repeat 0 -150px; margin-bottom:10px;}

.side-comm-ptlist{ margin:0 9px; overflow: hidden; *zoom:1; margin-bottom:-1px;}
.side-comm-ptlist .gb-list3-item{ padding:15px 0; border-bottom:1px dotted #dadada;}
.side-comm-ptlist .gb-list3-c1{ margin-right:14px;}
.side-comm-ptlist .gb-list3-c1 .avatar, .side-comm-ptlist .gb-list3-c1 .avatar img{ display: block; width: 80px; height: 60px;}
.side-comm-ptlist .gb-list3-c2{ line-height: 20px;}
.side-comm-ptlist .gb-list3-c2 .tit{ font-size: 14px; color:#333;}
.side-comm-ptlist .gb-list3-c2 .info{ color:#999;}

/*the page-article-list*/
.article-list-pn{ border: 1px solid #f0eeec; border-top:none; padding:15px;}
.article-list-pn-tit{ font-size: 24px; color:#6a2812; text-align: center; font-family: "Microsoft Yahei"; margin-bottom:10px;}

.article-list{ padding:15px 0 0 0;}
.article-list li{ height:24px; line-height:24px;}
.article-list .line{ overflow:hidden; height:0; margin:10px 0; font-size:0; line-height:0; border-bottom:1px dashed #d8d7d7}
.article-list .date,.article-list .author{ padding:0 0 0 10px; font-family:Arial,"\5b8b\4f53"; font-size:12px; color:#8e8e8e;}
.article-list .date{ padding:0 10px 0 0}
.article-list .tit a{ font-size:14px; color:#52524f}
.article-list .tit a:hover{ color:#b9472f}
.article-list .date{ float:none;}
.article-list .author{ float:right;}

.pagination{ clear: both; height: 25px; margin: 0 auto; line-height: 25px; padding:40px 0 30px 0;}
.pagination ul{ margin: 0; padding: 0; font-size: 12px; text-align:center; height:25px; float:left; position:relative; left:50%;}
.pagination li{margin:0 3px 0 0; float:left; display:inline; position:relative; left:-50%;}
.pagination li a{ float:left;  display:block; padding:0px 9px; height:25px;  line-height:25px;  text-align:center;}
.pagination li a:hover{ text-decoration:none;}
.pagination li.page{ height:25px; margin:0 3px 0 0;}
.pagination li.page a{background:#fff; color:#8e8e8e; border:1px solid #bdbdbd;}
.pagination li.page a:hover{background:#559bc5; color:#fff; border-color:#559bc5;}
.pagination li.selected,.pagination li.hover{}
.pagination li.selected a, .pagination li.hover a{ display:block; height:25px;}
.pagination li.selected a{background:#559bc5; color:#fff;border-color:#559bc5;}
.pagination li.hover a{background:#559bc5; color:#fff;}
.pagination li.prev a, .pagination li.first a, .pagination li.next a, .pagination li.last a{ background:#fff;color:#8e8e8e; border:1px solid #bdbdbd; }
.pagination li.prev a:hover, .pagination li.first a:hover, .pagination li.next a:hover, .pagination li.last a:hover{background:#559bc5; color:#fff;border-color:#559bc5;}

.mod-article .content{ background: #fff; border: none;}

/*the page-video*/
.pvideo-first-screen{ width: 970px; padding:14px; margin:-14px -14px 0; background: #ffffee; border-bottom:1px solid #dbdbda;}
.pvideo-first-screen-c1, .pvideo-area-c1{ float: left; width: 570px;}
.pvideo-first-screen-c2, .pvideo-area-c2{ float: right; width: 372px;}

.comm-plist-video .gb-list2-item{ float:left; width:100%;}
.comm-plist-video .gb-list2-con{ color:#333; width:176px; position:relative;}
.comm-plist-video .gb-list2-c1{ position:relative; overflow:hidden;}
.comm-plist-video .gb-list2-c1 .avatar, .comm-plist-video .gb-list2-c1 .mask{ width:176px; height:100px}
.comm-plist-video .gb-list2-c1 .mask{ display:none; z-index:1; filter:alpha(opacity:45); opacity:.45;}
.comm-plist-video .gb-list2-c1 .ico-video{ display:none; position:absolute; left:50%; top:25px; margin-left:-22px; z-index:10}
.comm-plist-video .gb-list2-c2{ padding:5px 0 15px 0; overflow:hidden; text-align:left;}
.comm-plist-video .gb-list2-c2 .txt{ font-size:14px; height:44px; line-height:22px; overflow:hidden;}
.comm-plist-video .gb-list2-c3{ position:absolute; z-index:2; top:52px; left:0; width:156px; padding:0 10px; height:28px; padding-top:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.comm-plist-video .gb-list2-c3 .txt{ height:28px; line-height:28px; color:#aaa;}
.comm-plist-video .gb-list2-c3 .txt-c1{ float:left; vertical-align:middle}
.comm-plist-video .gb-list2-c3 .txt-c1 .ico-video-sm{ margin:6px 2px 7px 0}
.comm-plist-video .gb-list2-c3 .txt-c2{ float:right;}
.comm-plist-video .gb-list2-c3 .cover{ display:block; width:176px; height:48px; left:0; bottom:0; z-index:-1;}
.comm-plist-video .gb-list2-c4{ position:absolute; top:5px; right:10px; font-size:12px; color:#aaa; z-index:100; display:none;}

.comm-plist-video .gb-list2-con:hover{ _vertical-align:baseline; text-decoration: none}
.comm-plist-video .gb-list2-con:hover .gb-list2-c1{ border-color:#23d0ff}
.comm-plist-video .gb-list2-con:hover .gb-list2-c1 .mask, 
.comm-plist-video .gb-list2-con:hover .gb-list2-c1 .ico-video{ display:block}
.comm-plist-video .gb-list2-con:hover .gb-list2-c2 .txt{ color:#d74c00; text-decoration:underline}
.comm-plist-video .gb-list2-con:hover .gb-list2-c3 .txt{ color:#aaa;}
.comm-plist-video .gb-list2-con:hover .gb-list2-c4{ display:block}

.pvideo-pn-hot-rank .list-rank{ margin-top:-6px;}
.pvideo-pn-hot-rank .list-rank em{ background: #ffffee; border-color:#ddd; color:#999;}
.pvideo-pn-hot-rank .list-rank .top em{ background: #7aa600; border-color:#7aa600; color:#fff;}

/*the pvideo-area1*/
.pvideo-area{ margin-top:8px;}

.pvideo-mod-occup{ margin:20px 0 0 0;}
.pvideo-mod-occup .comm-plist-video, .pvideo-pn-match .comm-plist-video{ margin:0 -9px; *margin:0 -8px;}

/*the pvideo-area2*/
.pvideo-mod-star1, .pvideo-mod-copy1{ margin-top:31px;}

.pvideo-pn-copy .comm-plist1{ margin:0 -11px -8px 0;}
.pvideo-pn-copy .comm-plist1 .gb-list2-item{ margin:0 11px 8px 0; width:168px;}

/*the pvideo-area3*/
.pvideo-pn-recomm .comm-plist-video, .pvideo-pn-pvp .comm-plist-video, .pvideo-pn-pvp1 .comm-plist-video{ margin:0 -15px 0 -10px;}

/*the page-copy*/
.page-copy .content, .page-occup .content{ background: #ffffee}

.pcopy-area{ margin-top:30px;}

.pcopy-first-screen, .poccup-first-screen{ width: 970px; background: #f4eaba;}
.pcopy-first-screen-c1, .poccup-first-screen-c1{ float: left; width: 350px; padding:10px 0 0 20px;}
.pcopy-first-screen-c2, .poccup-first-screen-c2{ float: right; width: 565px;}

.pcopy-first-screen-c1 .comm-pn1-hd, .poccup-first-screen-c1 .comm-pn1-hd{ margin-bottom:7px;}
.pcopy-first-screen-c1 .comm-txt, .poccup-first-screen-c1 .comm-txt{ min-height: 120px; _height:120px;}

.list-info{ overflow: hidden; *zoom:1;}
.list-info li{ width: 50%; float: left; color:#333; line-height: 22px;}
.list-info li .tit{ color:#999;}

/*the pcopy-area1*/
.pcopy-mod-boss{ width: 484px; height: 180px; border: 1px solid #cca684; background: #f9f4df; float: left; margin:0 -1px -1px -1px; _display:inline;}
.pcopy-mod-boss .hd{ margin-bottom:3px; text-align: center;}
.pcopy-mod-boss .hd .tit{ font-size: 14px; color:#622815; line-height: 44px; font-weight: bold;}
.pcopy-mod-boss .comm-plist3{ margin-right:-28px; padding-left:28px;}
.pcopy-mod-boss .comm-plist3 .gb-list2-con{ width: 84px;}
.pcopy-mod-boss .comm-plist3 .gb-list2-c1 .avatar{ width: 80px; height: 80px;}
.pcopy-mod-boss .gb-list2-item{ float: left; width: 84px; margin-right:28px;}

.pcopy-mod-intro{ clear: both; overflow: hidden; *zoom:1; background: #f4eaba; padding:10px 14px 17px;}
.pcopy-mod-intro-c1{ float: left; width: 350px; margin-right:40px; padding:10px 0 0 0;}
.pcopy-mod-intro-c2{ overflow: hidden; *zoom:1;}
.pcopy-mod-intro-c2 .tit{margin-bottom:10px;}
.pcopy-mod-intro-c2 .tit a{ font-size: 24px; color:#6a2812; font-family: "Microsoft Yahei"}
.pcopy-mod-intro-c2 .comm-txt1{ min-height: 154px; _height:154px;}

.table-drop{ font-size: 14px; color:#622815;}
.table-drop th{ width: 69px;}
.table-drop td{ width: 224px;}
.table-drop .in{ overflow: hidden; *zoom:1; padding:12px 0 3px 13px; margin-right:-13px;}
.table-drop .in a{ float: left; margin:0 13px 9px 0;}
.table-drop .in a img{ width: 40px; height: 40px;}
.table-drop .first td{ height: 48px;}
.table-drop .first td .in{ padding:0 0 0 13px;}

.table-skill{}
.table-skill th, .table-skill .tit{font-size: 14px; color:#622815; font-weight: bold;}
.table-skill th{ width: 140px;}
.table-skill td .in{ font-size: 12px; color:#333; line-height: 22px; padding:10px 20px;}
.table-skill .tit{ border-left: none; text-align: center; height: 48px; line-height: 48px;}

/*the pcopy-area2*/
.pcopy-area2{}
.pcopy-area2 .comm-pn2-ex1 .comm-pn2-bd{ border: none;}
.pcopy-area2-c1{ width: 595px; float: left;}
.pcopy-area2-c1 .comm-plist{ margin:15px 0 0 -18px;}
.pcopy-area2-c2{ width: 375px; float: right;}
.pcopy-area2-c2 .comm-pn2-hd{ border-left:1px solid #843115;}
.pcopy-area2-c2 .comm-pn2-bd{ background: #fcf6d3; min-height: 355px; _height:355px; padding:10px 10px 0;}

/*the sidenav*/
.pn-float{ position:fixed; _position:absolute; width:229px; top:50%; margin-top:-120px; right:50%; margin-right:501px; font-size:14px; display: block;}
.pn-float .item{ margin-bottom:1px;}
.pn-float .item a, .bt-to-top{ display:block; width:200px; height:39px; background-color:#383838; text-align:center; line-height:38px; font-size:18px; color:#fff;}
.bt-to-top:link{ color:#fff;}
.pn-float .current{ padding-left:29px;}
.pn-float .item a:hover, .pn-float .current a, .bt-to-top:hover{ background-color:#450000; color:#fff; text-decoration: none;}

/*the page-occup*/
.ptlist-info{}
.ptlist-info .gb-list3-item{ float: left; width: 115px;}
.ptlist-info .gb-list3-c1{ margin-right:6px;}
.ptlist-info .gb-list3-c2 .tit{ font-size: 16px; color:#333; line-height: 50px; font-family: "Microsoft Yahei"}
.ptlist-info .gb-list3-c2 .tit a{ color:#333; }

.poccup-area{ margin-top:20px;}
.poccup-area1{ background: #fcf7c9; padding:12px 0 0 10px;}
.poccup-area1-c1{ float: left; width: 356px;}
.poccup-area1-c2{ float: right; width: 565px;}

.poccup-pn-role{ float: left;}
.poccup-pn-role, .poccup-pn-role .poccup-pn-in{ width: 356px;}
.poccup-pn-role{ background: #99612f url(/ue1/a/wow/index/2014/img/pn-role.png) no-repeat 0 0; padding:30px 0 0 0;}
.poccup-pn-role .poccup-pn-in{ background: url(/ue1/a/wow/index/2014/img/pn-role.png) no-repeat -360px bottom; padding:0 0 52px 0; min-height: 300px;}

.poccup-mod-skill p{line-height: 24px; color:#333; padding-left:8px; background:url(/ue1/a/wow/index/2014/img/sprite.png) no-repeat -900px -140px; }

.pn-role-feature{ }
.pn-role-feature .comm-pn4-hd, .pn-role-party .comm-pn4-hd{ margin:0 22px 15px;}

.ptlist-role-feature{ padding:0 15px 15px 9px;}
.ptlist-role-feature .gb-list3-item{ padding:8px 0;}
.ptlist-role-feature .gb-list3-c1{ margin-right:13px; padding:2px 0 0 0;}
.ptlist-role-feature .gb-list3-c1 a, .ptlist-role-feature .gb-list3-c1 a img{ width: 60px; height: 65px;}
.ptlist-role-feature .gb-list3-c2 .tit{ font-size: 16px; color:#ffffee; font-weight: bold;}
.ptlist-role-feature .gb-list3-c2 .tit a{ color:#ffffee;}
.ptlist-role-feature .gb-list3-c2 .txt{ font-size: 12px; color:#ffffee; line-height: 22px;}

.mod-role-party, .mod-role-party1{ float: left; width: 45%;}

.ptlist-role-party{ padding:0 0 0 40px;}
.ptlist-role-party .gb-list3-item{ padding:10px 0 20px;}
.ptlist-role-party .gb-list3-c1{ margin-right:15px; padding:2px 0 0 0;}
.ptlist-role-party .gb-list3-c1 a, .ptlist-role-party .gb-list3-c1 a img{ width: 40px; height: 40px;}
.ptlist-role-party .gb-list3-c2 .tit{ font-size: 12px; color:#fff; margin-bottom:6px;}
.ptlist-role-party .gb-list3-c2 .tit a{ color:#fff;}
.ptlist-role-party .gb-list3-c2 .txt{ font-size: 12px; color:#00a0e9;}
.ptlist-role-party-ex .gb-list3-c2 .txt{ color:#e60012;}

.poccup-pn-hot{ overflow: hidden; *zoom:1; margin-bottom:10px; font-size: 0}
.poccup-pn-hot .hd{ float: left; width: 67px; height: 59px; background: #99612f; text-align: center;}
.poccup-pn-hot .hd .tit{font-size: 16px; color:#fcf7c9; font-weight: bold; padding:7px 0 0 0;}
.poccup-pn-hot .bd { border-bottom:1px solid #ce8340; overflow: hidden; *zoom:1; width: 466px; float: left;}

.poccup-pn-articles .article-list{ padding:0 10px 0 0 ;}

.poccup-pn-video .comm-plist{ margin:0 -8px 0 -12px;}

.poccup-pn-change{}
.poccup-pn-change .comm-pn2-bd{ border: none;}
.poccup-pn-change-c1{ float: left; width:366px; background: #f4eaba}
.poccup-pn-change-c2{ float: right; width:567px; }

.poccup-pn-talent{ padding:40px 15px;}

.poccup-mod-talent{}
.poccup-mod-talent .tit{ display: inline-block; *zoom:1; *display: inline; height: 22px; line-height: 22px; background: #a9c55d; font-size: 14px; color:#fff; padding:0 8px; border-radius: 2px; margin-bottom:5px;}
.poccup-mod-talent .txt{ font-size: 14px; color:#333; line-height: 24px; margin-bottom:25px;}

.poccup-pn-skill, .poccup-pn-skill1{ margin-top:10px;}

/*the global*/
.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%; _width:19.9%;}
.col7 .gb-list2-item{ width:14.28%;}

.mod-article a:link{ color:#05a;}
.mod-article a:visited{ color:#800080;}
.mod-article a:hover{ color:#05a;}
.mod-article a:active{ color:#05a;}

.mod-article .breadcrumb a, .crumbs a{color:#666;}