body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
th,
td,
p,
blockquote,
pre,
form,
fieldset,
legend,
input,
button,
textarea,
hr {
 margin:0;
 padding:0;
}
ul,
ol {
 list-style:none outside none;
}
body {
font: 14px/1.5 Tahoma,'Microsoft Yahei','Simsun';
color: #444;
font-family: "Microsoft yahei","微软雅黑",Arial,Helvetica,sans-serif,"宋体";
background-color: #eee;
}
select,
input,
button {
 vertical-align:middle;
 font-size:100%;
 font:normal 12px/1.5 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';
}
fieldset,
img {
 border:0 none;
}
em {
 font-style:normal;
}
.clear {
 clear:both;
 display:block;
 height:0;
 visibility:hidden;
 font-size:0;
}
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 font-size:0;
}
.clearfix {
 *zoom:1;
}
body {
font: 14px/1.5 Tahoma,'Microsoft Yahei','Simsun';
color: #444;
font-family: "Microsoft yahei","微软雅黑",Arial,Helvetica,sans-serif,"宋体";
background-color: #eee;
}
.nav-box {
 float:left;
 background:right bottom no-repeat;
 padding-right:17px;
 margin-left:40px;
 margin-top:5px;
}
.nav-box .nav-inner {
 background:left top no-repeat;
}
.nav-box .nav {
 overflow:hidden;
 margin-left:17px;
 background:left center repeat;
 padding-left:10px;
}
.nav-box .nav li {
 float:left;
}
.nav-box .nav li a {
 display:block;
 height:36px;
 line-height:36px;
 color:#fff;
 font-size:16px;
 padding:0 20px;
}
.nav-box .nav li.first a {
 padding-left:0;
}
.nav-box .nav li.last a {
 padding-right:10px;
}
.nav-box,
.nav-box .nav-inner,
.nav-box .nav {
 background-image:url(https://icon.zol.com.cn/video/170422/top_nav_bg.png);
}
.mr {
 margin-right:20px;
}
.mt {
 margin-top:20px;
}
.ml {
 margin-left:20px;
}
.mb {
 margin-bottom:20px;
}
.wrapper-3 {
 float:left;
 width:372px;
}
.global-header {
 height:46px;
 padding:16px 0;
 position:absolute;
 width:100%;
 top:0;
 left:0;
 z-index:900;
}
.global-header .logo-box {
 float:left;
}
.global-header .logo-box .logo {
 float:left;
 width:164px;
 height:32px;
 background:url('https:static/article/2011/logo2019/vw.png') no-repeat left top;
}
.global-header .logo-box .light-logo {
 display:none;
}
.global-header .logo-box .dark-logo {
 display:block;
}
.global-sitenav {
 margin-bottom:0;
}
.global-sitenav980 .sitenav-inner {
 width:1200px;
}
.global-header .search-box {
 margin-top:5px;
 float:right;
 background:url(https://icon.zol.com.cn/video/170422/titles.png) 271px -168px no-repeat;
 padding-right:18px;
}
.global-header .search-box form {
 background:url(https://icon.zol.com.cn/video/170422/top_nav_bg.png) top left no-repeat;
 overflow:hidden;
 padding-left:17px;
}
.global-header .sbtn {
 width:54px;
 text-indent:20px;
 background:#1790de;
 border:0 none;
 height:36px;
 float:left;
 font-size:14px;
 color:#fff;
}
.global-header #kword {
 border:0 none;
 height:36px;
 line-height:36px;
 float:left;
 background:url(https://icon.zol.com.cn/video/170422/top_nav_bg.png) left -36px repeat;
 width:200px;
 color:#fff;
}
.global-header #kword:focus {
 outline:none;
}
body .expanded {
 z-index:900;
}
.expanded .global-header {
 position:fixed;
 background-color:white;
 border-bottom:1px solid #e6e6e6;
}
.light .nav-box .nav li a,
.expanded .nav-box .nav li a {
 color:#333;
}
.light .nav-box .nav .on a,
.expanded .nav-box .nav .on a {
 color:#008ee1;
}
.light .global-header #kword,
.expanded .global-header #kword {
 color:#333;
}
.expanded .global-header .logo-box .light-logo,
.light .global-header .logo-box .light-logo {
 display:block;
}
.expanded .global-header .logo-box .dark-logo,
.light .global-header .logo-box .dark-logo {
 display:none;
}
.banner-inner,
.wrapper {
 width:1200px;
 margin:0 auto;
}
.shadow-box {
 margin-top:20px;
 background:white;
 -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05);
 box-shadow:0 0 10px rgba(0,0,0,0.05);
 padding:0 20px;
}
.full-wrapper {
 width:100%;
}
body>.full-wrapper {
 min-width:1200px;
}
#video-header-banner {
 background-position:center;
 background-repeat:no-repeat;
 position:relative;
 overflow:visible;
 padding-top:78px;
 padding-bottom:12px;
}
.main {
 float:left;
 width:940px;
 _overflow:hidden;
}
.aside {
 float:right;
 width:200px;
 _overflow:hidden;
}
a {
 color:#333;
 text-decoration:none;
}
a:hover,
.other-channel .down-list .replay:hover,
.other-channel .down-list .title:hover,
.other-channel .button-box .clear-btn:hover,
.footer .add-link:hover,
.footer .partner-list a:hover,
.article-list p a:hover,
.vedio-top-bar .login-bar a:hover,
.nav-path a:hover,
.discuss-area .login a:hover,
.executive-summary a:hover,
.banner-inner .rank-list .title:hover {
 color:#1790de;
 text-decoration:none;
}
.pic img {
 vertical-align:top;
}
.icon-more,
.other-channel .show-list .closed,
.other-channel .down-list .clear-btn {
 background:url(https://icon.zol.com.cn/video/2013/video-nav.png) no-repeat;
}
.play-icon,
.rank-list .play-num,
.section .section-header .icon-title,
.pic-text .first-item dt,
.news-list li,
.pic-news .tag span,
.footer .ZOL-video,
.footer .cooperate-box .more,
.article-list .num .icon,
.share-box a,
.article-list .tag span,
.article-layout a,
.article-layout span,
.vedio-area .icon,
.vedio-area .arrow-icon,
.vedio-area .recommend-date .num,
.discuss-area .other-login a,
.discuss-area .reply-box .ico i,
.btns .turn-left,
.btns .turn-right,
.btns .turn-left-hover,
.btns .turn-right-hover,
.video-code em,
.vedio-area .down-close {
 background:url(https:static/video/201411/main-bg.png) no-repeat;
}
.zhead-wrap {
 position:relative;
 z-index:102;
 width:100%;
 height:28px;
 border-bottom:1px solid #e4e4e4;
 background:#fafafa;
 line-height:28px;
}
.zhead-wrap #zhead {
 width:980px;
 margin:0 auto;
}
.zhead-wrap #zhead .znav {
 padding:6px 0 0;
}
#zhead .znav .zmore2,
#zhead .zlogin .am {
 border-color:#fafafa;
 background-color:#fafafa;
}
.zhead-wrap #zhead .zmore_list {
 top:23px;
}
.zhead-wrap #zhead .zlogin {
 float:right;
 padding:6px 0 0;
}
.zhead-wrap #zhead a {
 color:#666;
}
.zhead-wrap #zhead a:hover {
 color:#f60;
}
#zhead .zmore_list a:hover {
 color:#fff;
}
.other-channel {
 float:right;
}
.other-channel li {
 float:left;
 height:46px;
 color:#59a7e0;
}
.other-channel .trigger {
 position:relative;
 zoom:1;
 z-index:8;
 _width:82px;
 padding:0;
}
.other-channel .trigger .title-mark {
 display:block;
 position:relative;
 z-index:91;
 _width:49px;
 _position:absolute;
 _top:0;
 _left:0;
 height:38px;
 margin:0 0 0 31px;
 color:#fff;
 font-size:12px;
 line-height:38px;
 _float:left;
 cursor:default;
 width:2em;
 line-height:62px;
 background:url(https://icon.zol.com.cn/video/170422/icons.png) -2px 2px no-repeat;
 margin-top:3px;
}
.other-channel .trigger .title-mark em {
 _display:inline;
 float:left;
 height:14px;
 width:1px;
 margin:12px 0 0 -10px;
 background:#59a7e0;
 text-indent:-999em;
 line-height:16px;
}
.light .other-channel .trigger .title-mark,
.expanded .other-channel .trigger .title-mark {
 background-position:-69px 2px;
 color:#666;
}
.other-channel .trigger .mark-text {
 _position:absolute;
 _top:0;
 _left:9px;
 _width:48px;
 font-style:normal;
 color:#fff;
}
.other-channel .trigger .icon-more {
 position:absolute;
 right:9px;
 top:17px;
 width:9px;
 height:5px;
 font-size:0;
 background-position:0 0;
}
.other-channel .h-trigger .icon-more {
 background-position:-15px 0;
}
.other-channel .upload {
 color:#fff;
 font-size:12px;
 display:block;
 height:46px;
 width:2em;
 line-height:64px;
 background:url(https://icon.zol.com.cn/video/170422/icons.png) -1px -64px no-repeat;
 margin:3px 0 0 24px;
}
.light .other-channel .upload,
.expanded .other-channel .upload {
 background-position:-69px -64px;
 color:#fff;
}
.other-channel .down-list {
 display:none;
 position:absolute;
 top:43px;
 right:0;
 _right:-1px;
 z-index:90;
 width:270px;
 max-height:204px;
 _height:204px;
 border:1px solid #bbb;
 background-color:#fff;
}
.other-channel .show-list-wrap {
 *position:relative;
 max-height:172px;
 _height:172px;
 overflow:auto;
}
.other-channel .show-list li {
 float:none;
 height:42px;
 overflow:hidden;
 padding:0 10px;
 border-bottom:1px solid #f0f0f0;
 line-height:42px;
}
.other-channel .show-list a:hover {
 color:#c00!important;
}
.other-channel .show-list .title {
 float:left;
 width:162px;
 height:42px;
 overflow:hidden;
 color:#333!important;
 word-break:break-all;
}
.other-channel .show-list .replay {
 float:left;
 width:40px;
 padding:0 0 0 7px;
 color:#0055a1!important;
}
.other-channel .show-list .closed {
 float:right;
 width:14px;
 height:14px;
 overflow:hidden;
 padding:0;
 margin:14px 0 0;
 background-position:0 -10px;
 text-indent:-999em;
 cursor:pointer;
}
.other-channel .show-list .closed:hover {
 background-position:-20px -10px;
}
.other-channel .button-box {
 height:30px;
 overflow:hidden;
 padding:0 10px;
 text-align:right;
 line-height:30px;
}
.other-channel .button-box .clear-btn {
 float:right;
 height:16px;
 padding:0 0 0 17px;
 margin:8px 0 0;
 background-position:-38px 2px;
 color:#333;
 font-size:12px;
 line-height:16px;
 cursor:pointer;
}
.other-channel .h-trigger .title-mark {
 border-bottom:0 none;
}
.other-channel .h-trigger .down-list {
 display:block;
}
.other-channel .h-trigger .title-mark em {
 display:none;
}
.ad-div {
 font-size:0;
}
.ad-div div {
 margin-top:10px;
}
.ad-div img {
 vertical-align:top;
}
.section-ad div {
 padding-top:40px;
}
.nav-path {
 height:32px;
 padding:0;
 color:#333;
 line-height:32px;
}
.nav-path a {
 color:#0055a1;
}
.nav-path .home {
 _float:left;
}
.nav-path span,
.nav-path h1 {
 display:inline;
 color:#333;
 font-size:12px;
 line-height:16px;
}
.nav-path i {
 padding:0 7px;
 font-size:12px;
 line-height:16px;
}
.rank-list li {
 position:relative;
 zoom:1;
 overflow:hidden;
 padding:0 0 13px 28px;
 line-height:18px;
}
.rank-list i {
 position:absolute;
 top:0;
 left:0;
 width:22px;
 height:17px;
 background:url(https://icon.zol.com.cn/video/170422/titles.png) 0 -118px no-repeat;
 color:#fff;
 font-size:12px;
 line-height:18px;
 text-align:center;
 text-indent:-2px;
}
.rank-list .play-num {
 _display:inline;
 float:right;
 width:48px;
 height:18px;
 overflow:hidden;
 padding:0 0 0 17px;
 margin:0 0 0 10px;
 background-position:-185px -553px;
 color:#a09f9f;
}
.rank-list .title {
 display:block;
 height:18px;
 overflow:hidden;
 word-break:break-all;
}
.rank-list .pic {
 _display:inline;
 float:left;
 margin:0 10px 0 0;
 _margin-right:7px;
}
.rank-list .first .play-num {
 display:block;
 position:absolute;
 top:22px;
 left:109px;
 float:none;
 overflow:visible;
}
.rank-list .first i {
 background-position:0 0;
}
.rank-list .second i {
 background-position:0 -39px;
}
.rank-list .third i {
 background-position:0 -78px;
}
.aside .rank-list {
 margin-top:20px;
}
.aside .rank-list li {
 padding-bottom:21px;
}
.pic-text {
 margin:0 -20px 0 0;
 padding:10px 0;
}
.pic-text li {
 _display:inline;
 position:relative;
 float:left;
 width:275px;
 overflow:hidden;
 margin:10px 20px 0 0;
}
.pic-text .pic {
 display:block;
 overflow:hidden;
 position:relative;
 color: #444;
}
.pic-text .pic:hover {
 border-color:#b5d0ea;
 color:#fff;
 text-decoration:none;
}
.pic-text .pic img {
 width:100%;
}
.pic-text .pic .mask i,
.pic-text .pic .mask {
 position:absolute;
 height:100%;
 width:100%;
 top:0;
 left:0;
}
.pic-text .pic .mask {
 background-color:rgba(0,0,0,0.5);
 filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000,endColorstr=#88000000);
 display:none;
}
.pic-text .pic .mask i {
 background:url(https://icon.zol.com.cn/video/170422/video-mask.png) center center no-repeat;
}
.pic-text .pic:hover .mask,
.pic-text .pic:hover .mask i {
 display:block;
}
.pic-text .text {
 display:block;
 height:40px;
 overflow:hidden;
 margin:4px 0 0;
 line-height:20px;
 word-break:break-all;
 font-size:14px;
 color:#555;
}
.pic-text .text:hover {
 color:#178dd6;
}
.pic-text .tags {
 overflow:hidden;
 margin-top:7px;
 padding-bottom:10px;
}
.pic-text .tags span {
 float:left;
 color:#999;
 margin-right:10px;
 padding:0;
}
.pic-text .tags .live-status {
 background:url('https://icon.zol.com.cn/video/170422/live_status_tag.jpg') left top no-repeat;
}
.pic-text .living .tags .live-status {
 width:50px;
 height:18px;
}
.pic-text .livend .tags .live-status {
 width:64px;
 height:18px;
 background-position:right top;
}
.pic-text .living .mask,
.pic-text .livend .mask,
.pic-text .living .mask i,
.pic-text .livend .mask i {
 background:url(https://icon.zol.com.cn/video/170422/live-status.png) 46px 23px no-repeat;
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
}
.pic-text .living .pic .mask,
.pic-text .livend .pic .mask {
 display:block;
 background-color:none;
 -webkit-filter:none;
 filter:none;
}
.pic-text .mask i {
 display:none;
}
.pic-text .living .mask i {
 background-position:-178px 25px;
}
.pic-text .livend .mask {
 background-position:45px -163px;
}
.pic-text .livend .mask i {
 background-position:-178px -161px;
}
.pic-text li:hover .mask i {
 display:block;
}
.pic-text li a:hover {
 color:#1890de;
 text-decoration:none;
}
.pic-text .live-tag {
 position:absolute;
 top:0;
 left:0;
 height:117px;
 width:176px;
 background:url(https://icon.zol.com.cn/video/170422/titles.png) 0 -313px no-repeat;
}
.tab-panel .pic-text .first-item {
 width:403px;
 height:auto;
}
.tab-panel .pic-text .first-item .pic {
 width:403px;
 height:302px;
 overflow:hidden;
}
.tab-panel .pic-text .first-item .pic img {
 display:block;
 width:403px;
 height:302px;
}
.tab-panel .pic-text li {
 width:159px;
 margin-right;
 display:block;
 vertical-align:top;
}
.tab-panel .pic-text li .pic,
.tab-panel .pic-text li .pic img {
 width:159px;
 height:106px;
}
#hot-news-per-week .pic-text li {
 width:172px;
}
#hot-news-per-week .pic-text .pic img {
 width:172px;
 height:114px;
}
.news-list {
 padding:6px 0 0;
}
.news-list li {
 height:26px;
 overflow:hidden;
 padding:0 0 0 8px;
 background-position:-195px -430px;
 font-size:14px;
 line-height:26px;
}
.pic-news li {
 overflow:hidden;
 zoom:1;
 padding:12px 0 8px;
 vertical-align:middle;
}
.pic-news .pic {
 position:relative;
 float:left;
 width:120px;
 height:90px;
 overflow:hidden;
 margin:0 10px 0 0;
 _margin-right:7px;
}
.pic-news .pic:hover {
 color:#fff;
 text-decoration:none;
}
.pic-news .pic .marsk {
 position:absolute;
 top:72px;
 left:0;
 width:120px;
 height:18px;
 overflow:hidden;
 background:url(https://icon.zol.com.cn/video/2013/pic-shadow_155x18.png) no-repeat;
 _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='https://icon.zol.com.cn/video/2013/pic-shadow_155x18.png');
 line-height:18px;
}
.pic-news .pic .category {
 position:absolute;
 top:72px;
 right:2px;
 _right:1px;
 height:18px;
 padding:0 5px;
 background:none;
 color:#fff;
 -webkit-filter:none;
 filter:none;
 line-height:18px;
}
.pic-news h4 {
 max-height:40px;
 overflow:hidden;
 zoom:1;
 font-size:14px;
 line-height:20px;
 vertical-align:baseline;
}
.pic-news p {
 overflow:hidden;
 zoom:1;
 line-height:18px;
}
.pic-news .time {
 padding:8px 0 0;
 color:#999;
}
.pic-news .tag {
 height:18px;
 overflow:hidden;
 margin-top:7px;
}
.pic-news .tag span {
 padding:0 0 0 17px;
 background-position:-188px -343px;
 color:#999;
}
.pic-news .tag a {
 padding:0 5px 0 0;
}
.pic-news-portrait {
 margin:0 -30px 0 0;
}
.pic-news-portrait li {
 float:left;
 width:120px;
 overflow:hidden;
 margin:0 30px 0 0;
}
.pic-news-portrait .pic {
 float:none;
 display:block;
}
.pic-news-portrait h4 {
 height:20px;
 margin:7px 0 0;
 font-size:12px;
}
.microad-section .pic-news-portrait h4 {
 height:40px;
}
.hot-words {
 padding:11px 0 0;
 font-size:14px;
 line-height:20px;
}
.hot-words a {
 background-color:#0664B0;
 color:#FFF;
 font-size:12px;
 display:inline-block;
 margin-bottom:6px;
 margin-right:10px;
 padding:0 4px;
 opacity:.6;
 cursor:pointer;
 -webkit-box-shadow:0 4px 3px -3px rgba(0,0,0,0.1);
 box-shadow:0 4px 3px -3px rgba(0,0,0,0.1);
 -webkit-transition:opacity .2s ease-in-out;
 -o-transition:opacity .2s ease-in-out;
 transition:opacity .2s ease-in-out;
}
.hot-words a:hover {
 opacity:1;
}
.hot-words a:nth-child(2n) {
 background-color:#2F9944;
}
.hot-words a:nth-child(3n) {
 background-color:#F53300;
}
.hot-words a:nth-child(4n) {
 background-color:#CA5254;
}
.keyword-list {
 overflow:hidden;
 margin-right:-10px;
 padding-top:20px;
}
.keyword-list li {
 float:left;
 margin-right:10px;
 margin-bottom:10px;
}
.keyword-list li a {
 display:block;
 height:36px;
 line-height:36px;
 width:73px;
 text-align:center;
 font-size:12px;
 color:#1890de;
 border:1px solid #1890de;
 -webkit-border-radius:3px;
 border-radius:3px;
 padding:0 10px;
 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.keyword-list li a:hover {
 color:white;
 background-color:#1890de;
}
.share-box {
 height:24px;
 overflow:hidden;
 margin-top:3px;
 color:#999;
 line-height:24px;
}
.share-box span {
 float:left;
}
.time {
 float:left;
 padding:0 25px 0 0;
}
.bdsharebuttonbox {
 width:220px;
}
.bdsharebuttonbox a {
 float:left;
 margin:0 5px 0 0!important;
 padding-left:24px!important;
 height:24px!important;
 background:url(https://icon.zol.com.cn/video/2013/share-icon.png) no-repeat!important;
 opacity:.8!important;
 filter:Alpha(Opacity=80)!important;
}
.bdsharebuttonbox a:hover {
 opacity:1.0!important;
 filter:Alpha(Opacity=100)!important;
}
.bdsharebuttonbox .bds_tsina {
 background-position:0 -275px!important;
}
.bdsharebuttonbox .bds_qzone {
 background-position:-25px -275px!important;
}
.bdsharebuttonbox .bds_tqq {
 background-position:0 -300px!important;
}
.bdsharebuttonbox .bds_renren {
 background-position:-25px -300px!important;
}
.bdsharebuttonbox .bds_weixin {
 background-position:0 -325px!important;
}
.bdsharebuttonbox .bds_douban {
 background-position:0 -350px!important;
}
.weibo-box {
 _position:relative;
 width:270px;
 height:24px;
 overflow:hidden;
 margin:9px 0 0;
 line-height:24px;
}
.weibo-box .weibo-follow2 {
 float:left;
 margin-top:2px;
 margin-left:10px;
 _display:inline;
}
.weibo-box .channel-link {
 float:left;
 height:28px;
 padding-right:17px;
 background:url("https:static/article/201301/ico.png") no-repeat 100% -47px;
 _display:inline;
 font-size:14px;
 font-weight:bold;
 line-height:28px;
}
.sub-part {
 margin:3px 0 0;
}
.sub-part .part-header {
 height:24px;
 border-bottom:1px solid #efefef;
 line-height:24px;
}
.sub-part .part-header h4 {
 position:relative;
 float:left;
 margin:0 0 -1px;
 border-bottom:1px solid #1d71c0;
 font-size:14px;
 line-height:24px;
}
.sub-part .links {
 padding:8px 0 4px;
}
.sub-part .links a {
 float:left;
 width:72px;
 height:24px;
 overflow:hidden;
 padding:0 18px 0 0;
 line-height:24px;
}
.tabs {
 position:relative;
 zoom:1;
}
.tabs .tab-nav li {
 float:left;
 padding:0 20px;
 height:50px;
}
.tabs .tab-nav a {
 height:50px;
 display:block;
 line-height:57px;
 font-size:14px;
}
.tabs .tab-nav .current a {
 border-bottom:1px solid #31b0fa;
 color:#31b0fa;
}
.tab-nav .current a,
.tab-nav .current a:hover {
 text-decoration:none;
}
.IT-events-tabs .tab-nav {
 left:103px;
}
.IT-events-tabs .tab-nav .current {
 background-color:#88c04b;
}
.article-header {
 height:34px;
 border-top:1px solid #e6e6e6;
 border-bottom:1px solid #e6e6e6;
 background:#fafafa;
}
.article-header li {
 float:left;
 height:33px;
 padding-top:2px;
 margin:-1px 0 0 -1px;
 border-right:1px solid #e6e6e6;
 cursor:default;
}
.article-header li span,
.article-header li a {
 float:left;
 height:33px;
 padding:0 15px 0 16px;
 font-size:16px;
 line-height:2em;
}
.article-header li a:hover,
.article-header li span:hover {
 color:#333;
}
.article-header .current {
 position:relative;
 padding:0;
 border-top:2px solid #178dd6;
 border-right:0 none;
}
.article-header .current span,
.article-header .current a {
 position:relative;
 padding:0 15px 1px 15px;
 margin-bottom:-1px;
 border-left:1px solid #e6e6e6;
 border-right:1px solid #e6e6e6;
 background:#fff;
}
.article-filter {
 padding:15px 0 0;
}
.article-layout {
 float:right;
 width:71px;
}
.article-layout a,
.article-layout span {
 float:right;
 height:26px;
 width:36px;
 overflow:hidden;
 background-position:0 0;
 text-indent:-999em;
}
.article-layout .pic-show {
 width:35px;
 background-position:-36px 0;
}
.article-layout .current {
 background-position:0 -30px;
}
.article-layout .pic-show-current {
 background-position:-36px -30px;
}
.filter-links {
 float:left;
 margin:0 0 0 -5px;
 font-size:16px;
 line-height:26px;
}
.filter-links a,
.filter-links span {
 margin:0 5px;
}
.filter-links .current,
.filter-links .current:hover {
 color:#0055a1;
}
.article-list .article-item {
 padding:22px 0 19px;
 border-bottom:1px solid #efefef;
}
.article-list .article-item:hover {
 background-color:#fafafa;
}
.article-list .pic {
 position:relative;
 zoom:1;
 float:left;
 width:120px;
 overflow:hidden;
 margin:3px 10px 0 0;
 _margin-right:7px;
}
.article-list .pic .marsk {
 position:absolute;
 top:72px;
 left:0;
 width:120px;
 height:18px;
 overflow:hidden;
 background:url(https://icon.zol.com.cn/video/2013/pic-shadow_155x18.png) no-repeat;
 _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='https://icon.zol.com.cn/video/2013/pic-shadow_155x18.png');
 line-height:18px;
}
.article-list .pic .time {
 position:absolute;
 top:72px;
 right:2px;
 _right:1px;
 float:none;
 height:18px;
 padding:0 5px;
 background:none;
 color:#fff;
 -webkit-filter:none;
 filter:none;
 line-height:18px;
}
.article-list .pic:hover {
 color:#fff;
 text-decoration:none;
}
.article-list .article-title {
 height:24px;
 overflow:hidden;
 font-size:18px;
 line-height:24px;
}
.article-list .article-title .num {
 position:relative;
 float:right;
 height:16px;
 padding:0 7px;
 font-size:12px;
 line-height:16px;
}
.article-list .num em {
 font-size:14px;
}
.article-list .num .icon {
 position:absolute;
 top:16px;
 left:50%;
 width:3px;
 height:3px;
 overflow:hidden;
 margin:0 0 0 -2px;
 background-position:-80px 0;
}
.article-list p {
 height:40px;
 overflow:hidden;
 zoom:1;
 padding:9px 0 0;
 color:#999;
 line-height:20px;
}
.article-list p a {
 color:#0055a1;
}
.article-list .article-infor {
 height:22px;
 overflow:hidden;
 margin:4px 0 0;
 color:#999;
 line-height:22px;
}
.article-list .share-box {
 float:right;
}
.article-list .tag {
 height:22px;
 overflow:hidden;
}
.article-list .tag span {
 float:left;
 padding:0 0 0 17px;
 background-position:-188px -340px;
 color:#999;
}
.article-list .tag a {
 float:left;
 height:22px;
 margin:0 7px 0 0;
 padding:0 5px;
 color:#0055a1;
 line-height:22px;
}
.article-list .tag a:hover {
 background-color:#f60;
 color:#fff;
 text-decoration:none;
}
.article-pic-list {
 margin:4px -16px 0 0;
}
.article-pic-list .item {
 float:left;
 width:124px;
 overflow:hidden;
 margin:16px 15px 0 0;
}
.article-pic-list img {
 padding:1px;
 border:1px solid #fff;
}
.article-pic-list .pic {
 display:block;
 position:relative;
 zoom:1;
 width:124px;
}
.article-pic-list .pic .marsk {
 position:absolute;
 top:74px;
 left:2px;
 width:120px;
 height:18px;
 overflow:hidden;
 background:url(https://icon.zol.com.cn/video/2013/pic-shadow_155x18.png) no-repeat;
 _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='https://icon.zol.com.cn/video/2013/pic-shadow_155x18.png');
 line-height:18px;
}
.article-pic-list .pic .time {
 position:absolute;
 top:74px;
 right:2px;
 _right:1px;
 float:none;
 height:18px;
 padding:0 5px;
 background:none;
 color:#fff;
 -webkit-filter:none;
 filter:none;
 line-height:18px;
}
.article-pic-list .pic:hover img {
 border-color:#b5d0ea;
}
.article-pic-list .pic:hover {
 color:#fff;
 text-decoration:none;
}
.article-pic-list .text {
 display:block;
 height:40px;
 overflow:hidden;
 margin:6px 0 0;
 padding:0 0 3px;
 line-height:20px;
 cursor:pointer;
}
.article-pic-list .pic:hover .text {
 color:#c00;
 text-decoration:underline;
}
.article-pic-list .item p {
 height:20px;
 overflow:hidden;
 color:#999;
 line-height:20px;
}
.page {
 overflow:hidden;
 padding:30px 0 34px;
 color:#222;
 font-size:12px;
 line-height:34px;
 text-align:center;
}
.page a,
.page span {
 display:inline-block;
 margin:0 4px;
 width:34px;
 height:34px;
 border:1px #e6e6e6 solid;
 color:#222;
 text-align:center;
}
.page span.now {
 background-color:#1f78c1;
 color:#FFF;
}
.page span.morelink {
 margin:0;
 width:20px;
 border:1px #FFF solid;
}
.page .prev,
.page .next,
.page .noprev,
.page .nonext {
 width:78px;
}
.page .noprev,
.page .nonext {
 color:#999;
}
.page a:hover {
 color:#fff;
 background-color:#1f78c1;
 text-decoration:none;
}
.page a.noprev:hover,
.page a.nonext:hover {
 color:#999;
 background:#FFF;
}
#focus-today .section .section-header h3 {
 overflow:hidden;
 display:block;
 width:90px;
}
.section .section-header {
 padding-top:4px;
 border-bottom:1px solid #eee;
 height:50px;
}
.section .section-header h3 {
 height:50px;
 line-height:50px;
 overflow:hidden;
 font-size:20px;
 color:#555;
 font-weight:normal;
 float:left;
}
.section .section-header h3 a {
 display:block;
 background:url(https://icon.zol.com.cn/video/170422/arrows.png) right -90px no-repeat;
 color:#555;
 padding-right:30px;
}
.section .section-header h3 a:hover {
 color:#1790de;
 text-decoration:none;
 background-position:right -150px;
}
.section .section-header .lit-title {
 height:50px;
 line-height:57px;
 float:left;
 margin-left:20px;
 font-size:14px;
 color:#888;
}
.section .section-header .more {
 float:right;
 height:50px;
 line-height:50px;
 font-size:14px;
 color:#888;
 margin-left:10px;
}
.section .section-header .more:hover {
 color:#1890de;
}
.section .section-header .icon-title {
 width:102px;
 height:25px;
 overflow:hidden;
 margin-left:2px;
 background-position:-98px 0;
 text-indent:-999em;
}
.section .section-header .science {
 width:100px;
 background-position:-100px -30px;
}
.section .section-header .IT-events {
 width:96px;
 background-position:-104px -60px;
}
.section .section-header .great-man {
 background-position:-98px -90px;
}
.section .section-header .ea3w {
 background-position:-98px -120px;
}
.section .section-header .BBS55 {
 width:82px;
 background-position:-118px -150px;
}
.section .section-header .tab-nav {
 float:left;
 margin-left:20px;
}
.section .section-header .title-more {
 margin-left:15px;
}
#this-month-hot-news i,
.hot-ranks i,
#more-hot-news {
 padding-left:20px;
 background:url(https://icon.zol.com.cn/video/170422/icons.png) -73px -124px no-repeat;
}
#this-month-hot-news i,
.hot-ranks i {
 background-position:-73px -202px;
 float:left;
 height:50px;
 width:20px;
 padding-left:0;
}
.hot-ranks i {
 background-position:-7px -202px;
}
.list-wrapper .section {
 margin-top:13px;
}
.original-section .news-list {
 padding-top:11px;
}
.original-section .news-list li {
 height:24px;
 background-position:-195px -431px;
 line-height:24px;
}
.hot-words-section {
 margin-top:11px;
}
.BBS55-section {
 padding:0 0 33px;
}
.rank-tabs {
 margin-top:15px;
}
.rank-tabs .tab-nav {
 border-bottom:2px solid #efefef;
}
.rank-tabs .tab-nav li {
 float:left;
 padding:0 0 4px;
 border-bottom:2px solid #efefef;
 margin:0 20px -2px 0;
 font-size:16px;
 line-height:24px;
 cursor:pointer;
}
.rank-tabs .tab-nav .current {
 _position:relative;
 border-bottom-color:#1d71c0;
 cursor:default;
}
.rank-tabs .rank-list {
 padding:15px 0 0;
}
.banner {
 position:relative;
 zoom:1;
 height:500px;
}
.banner .banner-adv-l,
.banner .banner-adv-r {
 position:absolute;
 display:block;
 overflow:hidden;
 top:0;
}
.banner .banner-adv-l {
 right:100%;
 margin-right:20px;
}
.banner .banner-adv-r {
 left:100%;
 margin-left:20px;
}
.banner .banner-adv-l img,
.banner .banner-adv-r img {
 display:block;
 height:500px;
 width:auto!important;
}
.full-banner-link {
 position:absolute;
 top:78px;
 bottom:0;
 left:0;
 right:0;
}
.banner .recommend-box .recommend-list {
 padding-top:9px;
}
.banner .recommend-list h3 {
 font-size:0;
 height:19px;
 background:url(https://icon.zol.com.cn/video/170422/titles.png) 0 -270px no-repeat;
 margin:0 0 10px 20px;
}
.banner .recommend-items li {
 overflow:hidden;
 height:80px;
}
.banner .recommend-items .pic {
 float:left;
 height:60px;
 width:132px;
 margin-right:13px;
}
.banner .recommend-items .pic img {
 height:60px;
 width:90px;
 float:right;
}
.banner .recommend-items .on .pic img,
.banner .recommend-items .current .pic img {
 height:56px;
 width:86px;
 border:2px solid #1890de;
}
.banner .recommend-items .title * {
 color:#999;
 display:block;
 height:3em;
 overflow:hidden;
 cursor:pointer;
 font-size:12px;
}
.banner .recommend-items .title *:hover {
 color:#1890de;
 text-decoration:none;
}
.banner .recommend-items .time {
 float:left;
 color:#fff;
 padding:0;
}
.banner .recommend-items .on .time,
.banner .recommend-items .current .time {
 display:none;
}
.banner .recommend-items .current .marsk,
.banner .recommend-items .on .marsk {
 float:left;
 height:26px;
 width:26px;
 background:url(https://icon.zol.com.cn/video/170422/icons.png) 0 -140px no-repeat;
 margin:20px 0 0 2px;
}
.banner .recommend-items .current .title a,
.banner .recommend-items .on .title a {
 color:#1890de;
}
.banner .recommend-date {
 height:380px;
 overflow:hidden;
 padding-top:5px;
}
.banner .recommend-operation {
 overflow:hidden;
 margin-top:20px;
}
.banner .recommend-operation span {
 position:relative;
 float:left;
 width:130px;
 height:32px;
 margin:0 10px 0 0;
 background:#2f2f2f;
 cursor:pointer;
}
.banner .recommend-operation span:hover {
 background-color:#0a0a0a;
}
.banner .recommend-operation .next {
 margin:0;
}
.banner .recommend-operation .icon {
 position:absolute;
 top:10px;
 left:50%;
 width:20px;
 height:11px;
 overflow:hidden;
 margin:0 0 0 -10px;
 text-indent:-999em;
 background:url(https://icon.zol.com.cn/video/170422/arrows.png) no-repeat;
}
.banner .prev .icon {
 background-position:0 -50px;
}
.banner .next .icon {
 background-position:0 1px;
}
.banner .vedio-toolbar {
 height:44px;
 line-height:44px;
}
.banner .recommend-items .num {
 float:right;
 color:#999;
}
.banner .recommend-items .title {
 margin-bottom:8px;
}
.banner .recommend-items .play-status,
.banner .recommend-items .play-status {
 color:#19930d;
}
.banner .recommend-items .living {
 color:#ff3b56;
}
.banner .recommend-items .can-reply {
 color:#0d7da7;
}
.banner-bg-color {
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 width:100%;
 height:392px;
}
.banner-bg {
 position:absolute;
 top:0;
 left:0;
 z-index:2;
 width:100%;
 height:392px;
}
.banner-inner {
 position:relative;
 z-index:20;
 height:392px;
}
.banner-inner .focus {
 position:relative;
 float:left;
 width:707px;
 height:392px;
 overflow:hidden;
}
.banner-inner .focus-box {
 position:relative;
 z-index:10;
 height:325px;
}
.banner-inner .focus-box li {
 position:relative;
 float:left;
 width:707px;
 height:325px;
}
.banner-inner .focus-title {
 position:absolute;
 top:0;
 left:0;
 display:block;
 width:707px;
 height:267px;
 overflow:hidden;
 text-indent:-999em;
}
.banner-inner .play-icon {
 _display:inline;
 float:left;
 width:43px;
 height:43px;
 overflow:hidden;
 margin:3px 5px 0 0;
 background:url(https://icon.zol.com.cn/video/2013/play-icon-bg.png) no-repeat 0 0;
 _background:url(https://icon.zol.com.cn/video/2013/main-bg.png) no-repeat -157px -365px;
 text-indent:-99em;
}
.banner-inner .focus-txt {
 position:absolute;
 top:267px;
 left:0;
 width:707px;
 height:44px;
 overflow:hidden;
 font-size:22px;
 line-height:44px;
}
.banner-inner .focus-txt a {
 float:left;
 color:#fff;
 text-shadow:0 0 3px rgba(0,0,0,1);
}
.banner-inner .focus-txt a:hover {
 color:#fff;
 text-decoration:none;
}
.banner-inner .thumbnails {
 position:absolute;
 top:325px;
 left:0;
 height:67px;
 width:707px;
}
.banner-inner .thumbnails li {
 _display:inline;
 position:relative;
 float:left;
 width:134px;
 height:64px;
 overflow:hidden;
 margin:0 7px 0 0;
}
.banner-inner .thumbnails a {
 display:block;
 padding:2px;
}
.banner-inner .thumbnails .marsk {
 position:absolute;
 top:2px;
 left:2px;
 width:130px;
 height:60px;
 background:rgba(0,0,0,.4);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000,gradientType=1);
}
:root .banner-inner .thumbnails .marsk {
 -webkit-filter:none;
 filter:none;
}
.banner-inner .thumbnails .h-hover {
 padding:0;
 border:2px solid #f60;
}
.banner-inner .h-hover .marsk {
 display:none;
}
.banner-inner .section {
 float:right;
 height:389px;
 width:250px;
 margin-top:0;
 padding:3px 10px 0;
 background:rgba(29,29,29,.85);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#d91d1d1d,endcolorstr=#d91d1d1d,gradientType=1);
}
:root .banner-inner .section {
 -webkit-filter:none;
 filter:none;
}
.banner-inner .section-header h3 {
 color:#e1e0e1;
}
.banner-inner .rank-list {
 padding:6px 0 0;
}
.banner-inner .rank-list .title {
 color:#e8e8e8;
}
.banner-inner .rank-list .play-num {
 width:45px;
 overflow:hidden;
 height:18px;
 background-position:-185px -413px;
 word-break:break-all;
}
.banner-inner .rank-list .first .play-num {
 width:80px;
}
.banner-inner .rank-list i {
 background-color:#666;
 color:#fff;
}
.banner-inner .rank-list .n1 {
 background-color:#1d71c0;
 color:#fff;
}
.banner .recommend-date {
 padding-top:0;
 height:386px;
}
.banner .recommend-box {
 background-color:#000;
 padding:10px 0 14px;
 width:380px;
 float:right;
}
.banner .recommend-date li {
 padding:10px 20px;
 height:60px;
}
.banner .recommend-operation {
 padding:20px 20px 0;
 margin-top:0;
}
.banner .recommend-items li:hover {
 background-color:#171717;
}
.banner .recommend-operation span {
 width:164px;
}
.player-box {
 width:820px;
 position:relative;
 float:left;
}
.banner .recommend-items .title * {
 line-height:20px;
}
.footer {
 padding-top:30px;
}
.footer .item {
 float:left;
 width:279px;
 padding:13px 0 0;
 margin:0 0 0 20px;
}
.footer .links-header {
 height:28px;
 padding:0 17px 0 0;
 line-height:28px;
}
.footer .links-header .more {
 float:right;
 font-family:SimSun,"\5b8b\4f53";
}
.footer .links-items {
 padding:8px 0 0;
}
.footer .links-items a {
 float:left;
 height:24px;
 overflow:hidden;
 margin:0 12px 0 0;
 line-height:24px;
 word-break:break-all;
}
.footer .cooperate-box {
 margin-top:24px;
 border-top:1px solid #e1e1e1;
}
.footer .cooperate-box dt {
 float:left;
 width:153px;
 height:210px;
 border-right:1px solid #e1e1e1;
 background-color:#f5f5f5;
 text-align:center;
}
.footer .ZOL-video {
 display:block;
 width:105px;
 height:40px;
 overflow:hidden;
 margin:32px auto 0;
 background-position:-75px -180px;
 text-indent:-999em;
}
.footer .add-link {
 display:block;
 margin:84px auto 0;
 color:#0055a1;
}
.footer .cooperate-box dd {
 overflow:hidden;
 padding:11px 20px 0;
}
.cooperate-media {
 float:left;
 width:560px;
 margin-top:14px;
}
.cooperate-partner {
 float:right;
 width:560px;
}
.footer .cooperate-box .media-header {
 margin-bottom:5px;
}
.footer .links-title a,
.footer .cooperate-box h3 a,
.section .section-header .title-more {
 background:url(https://icon.zol.com.cn/video/170422/lit-arrow.png) right -15px no-repeat;
 padding-right:11px;
}
.section .section-header .title-more:hover {
 background-position:right 23px;
 color:#1790de;
}
.footer .links-title a,
.footer .cooperate-box h3 a {
 font-size:14px;
 line-height:30px;
 height:30px;
 color:#777;
 background-position:right -33px;
}
.footer .links-title a:hover,
.footer .cooperate-box h3 a:hover {
 color:#1790de;
 background-position:right 5px;
}
.footer .cooperate-box .more {
 float:right;
 width:15px;
 height:9px;
 overflow:hidden;
 margin:8px 0 0;
 background-position:-65px -90px;
 text-indent:-999em;
}
.footer .media-list {
 margin-right:-8px;
}
.footer .media-list li {
 float:left;
 text-align:center;
 margin-right:8px;
}
.footer .pic {
 display:block;
}
.footer .pic img {
 border:1px solid #ccc;
 height:29px;
 width:83px;
}
.footer .pic .text {
 display:block;
 height:26px;
 overflow:hidden;
 color:#666;
 line-height:26px;
 cursor:pointer;
}
.footer .pic:hover .text {
 color:#c00;
}
.footer .cooperate-partner {
 margin:14px 0 0;
}
.footer .partner-list {
 color:#ccc;
 line-height:26px;
 margin-top:-7px;
}
.footer .partner-list a {
 padding-right:9px;
 color:#666;
}
.vedio-top-bar {
 height:38px;
 border-bottom:1px solid #ddd;
 background-color:#f0f0f0;
 _position:relative;
 _z-index:1000;
 _width:100%;
}
.vedio-top-bar .logo {
 float:left;
 width:126px;
 height:28px;
 overflow:hidden;
 margin:5px 0 0;
 background:url(https://icon.zol.com.cn/video/2013/ZOL-video-logo_126x28.png) no-repeat 0 0;
 text-indent:-999em;
}
.vedio-top-bar .search-box {
 float:right;
 height:28px;
 margin:5px 0 0;
}
.vedio-top-bar .skey {
 float:left;
 padding:3px;
 height:20px;
 width:153px;
 border:1px solid #ccc;
 border-right:0 none;
 font-size:12px;
 line-height:20px;
 color:#999;
}
.vedio-top-bar .sbtn {
 float:left;
 width:60px;
 height:28px;
 border:0 none;
 background-color:#f90;
 color:#fff;
 font-size:14px;
 line-height:28px;
}
.vedio-top-bar .top-links {
 float:left;
 font-size:14px;
 line-height:38px;
}
.vedio-top-bar .top-links a {
 padding:0 0 0 20px;
}
.vedio-top-bar .uesr-box {
 float:right;
 height:38px;
 line-height:38px;
}
.vedio-top-bar .login-bar {
 float:left;
}
.vedio-top-bar .login-bar .upload-link {
 border-left:1px solid #c6c6c6;
}
.vedio-top-bar .login-bar a {
 padding:0 10px 0 8px;
 color:#666;
}
.vedio-top-bar .login-bar .no-border {
 padding-right:0;
 border-right:0 none;
}
.vedio-top-bar .login-bar .nickname {
 float:left;
 width:80px;
 height:38px;
 overflow:hidden;
 text-align:right;
 word-break:break-all;
}
.vedio-top-bar .other-channel {
 float:left;
 width:84px;
 padding:0 8px 0 0;
 margin-right:0;
}
.vedio-top-bar .other-channel .trigger {
 padding-right:0;
}
.vedio-top-bar .trigger .title-mark {
 height:37px;
 padding-top:1px;
 color:#696969;
 line-height:37px;
}
.vedio-top-bar .trigger .icon-more {
 right:12px;
 background-position:0 -30px;
}
.vedio-top-bar .h-trigger .icon-more {
 background-position:-15px -30px;
}
.vedio-top-bar .h-trigger .title-mark {
 padding-top:0;
}
.vedio-top-bar .other-channel .down-list {
 top:37px;
 right:0;
 _right:-1px;
}
.vedio-top-bar .trigger .title-mark em {
 margin:12px 0 0 -12px;
 background:#c6c6c6;
}
.vedio-area {
 background-color:#f5f5f5;
 _position:relative;
 _z-index:100;
 _width:100%;
}
.vedio-area .vedio-header {
 height:74px;
}
.vedio-area .vedio-header .ad-div {
 float:right;
}
.vedio-area .vedio-infor {
 padding:17px 0 0;
}
.vedio-area .vedio-header h1 {
 height:24px;
 overflow:hidden;
 font-size:20px;
 line-height:24px;
}
.vedio-area .vedio-header .ad-div {
 padding-top:5px;
}
.vedio-area .vedio-content {
 _position:relative;
 zoom:1;
 height:465px;
 overflow:hidden;
}
.vedio-area .recommend-box {
 float:right;
 width:242px;
 height:465px;
 background-color:#383838;
}
.vedio-area .recommend-bar {
 position:relative;
 float:right;
 width:18px;
 height:465px;
 overflow:hidden;
 cursor:pointer;
}
.vedio-area .recommend-bar {
 background-color:#4B4B4B;
}
.vedio-area .recommend-bar:hover {
 background-color:#3f3f3f;
}
:root .vedio-area .recommend-bar {
 -webkit-filter:none;
 filter:none;
}
.vedio-area .recommend-bar .icon {
 position:absolute;
 top:50%;
 left:50%;
 width:18px;
 height:90px;
 overflow:hidden;
 margin:-45px 0 0 -9px;
 background:none;
 color:#999;
 text-align:center;
}
.vedio-area .recommend-bar .arrow-icon {
 position:absolute;
 top:75px;
 left:50%;
 margin:0 0 0 -4px;
 width:7px;
 height:7px;
 overflow:hidden;
 background-position:-80px -10px;
 text-indent:-999em;
}
.vedio-area .recommend-bar .closed-text {
 display:none;
}
.vedio-area .recommend-bar .colsed .arrow-icon {
 background-position:-80px -20px;
}
.vedio-area .recommend-bar .colsed .open-text {
 display:none;
}
.vedio-area .recommend-bar .colsed .closed-text {
 display:block;
}
.vedio-area .recommend-list {
 float:left;
 overflow:hidden;
 width:250px;
 padding:7px 0 0;
}
.vedio-area .recommend-list h3 {
 padding:0 0 0 10px;
 color:#e4e5e5;
 font-size:16px;
 line-height:20px;
}
.vedio-area .player-box {
 float:left;
 width:720px;
 overflow:hidden;
 background:#000;
 _position:absolute;
 _top:0;
 _left:0;
 height:500px;
}
.vedio-area .player-box #player {
 position:relative;
 width:100%;
 height:460px;
 text-align:center;
 line-height:480px;
 padding-top:5px;
}
.vedio-area .recommend-date {
 position:relative;
 width:242px;
 height:399px;
 overflow:hidden;
 margin:9px 0 0;
}
.vedio-area .recommend-date li {
 height:85px;
 overflow:hidden;
 zoom:1;
 padding:0 9px 15px 15px;
 margin:0 1px 0 0;
 background-color:#383838;
}
.vedio-area .recommend-date li:hover {
 background-color:#313131;
}
.vedio-area .recommend-date .pic {
 position:relative;
 width:108px;
 height:70px;
 margin-top:15px;
}
.vedio-area .recommend-date .marsk {
 position:absolute;
 top:52px;
 left:0;
 width:108px;
 height:18px;
 overflow:hidden;
 background:url(https://icon.zol.com.cn/video/2013/pic-shadow_155x18.png) no-repeat;
 _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='https://icon.zol.com.cn/video/2013/pic-shadow_155x18.png');
 line-height:18px;
}
.vedio-area .recommend-date .time {
 position:absolute;
 top:52px;
 right:2px;
 _right:1px;
 height:18px;
 padding:0 5px;
 background:none;
 color:#fff;
 -webkit-filter:none;
 filter:none;
 line-height:18px;
}
.vedio-area .recommend-date .current,
.vedio-area .recommend-date .current:hover {
 background-color:#1C1C1C;
}
.vedio-area .recommend-date .pic {
 float:left;
 margin-right:10px;
 _margin-right:7px;
}
.vedio-area .recommend-date .title {
 overflow:hidden;
 zoom:1;
 max-height:40px;
 _height:40px;
 margin-top:15px;
 font-size:12px;
 line-height:20px;
}
.vedio-area .recommend-date .title a {
 color:#f5f5f5;
}
.vedio-area .recommend-date .num {
 display:block;
 overflow:hidden;
 zoom:1;
 padding:0 0 0 18px;
 margin:5px 0 0;
 background-position:-185px -412px;
 color:#999;
 line-height:20px;
}
.vedio-area .recommend-operation {
 width:242px;
 height:30px;
}
.vedio-area .recommend-operation span {
 position:relative;
 float:left;
 width:120px;
 height:30px;
 margin:0 1px 0 0;
 background-color:#2f2f2f;
 cursor:pointer;
}
.vedio-area .recommend-operation span:hover {
 background-color:#0a0a0a;
}
.vedio-area .recommend-operation .next {
 width:120px;
 margin:0;
}
.vedio-area .recommend-operation .icon {
 position:absolute;
 top:11px;
 left:50%;
 width:15px;
 height:8px;
 overflow:hidden;
 margin:0 0 0 -7px;
 text-indent:-999em;
}
.vedio-area .prev .icon {
 background-position:0 -530px;
}
.vedio-area .recommend-operation .prev:hover .icon {
 background-position:-25px -530px;
}
.vedio-area .next .icon {
 background-position:-50px -530px;
}
.vedio-area .recommend-operation .next:hover .icon {
 background-position:-75px -530px;
}
.vedio-area .vedio-toolbar {
 height:44px;
 line-height:44px;
}
.vedio-area .trun-box {
 float:right;
}
.vedio-area .main-toolbar {
 float:left;
}
.vedio-area .main-toolbar li {
 position:relative;
 float:left;
 height:24px;
 line-height:24px;
 margin:10px 14px 0 0;
 border-right:1px solid #CCC;
 cursor:pointer;
}
.vedio-area .main-toolbar .icon {
 padding:0 0 0 19px;
}
.vedio-area .main-toolbar .good {
 width:23px;
 background-position:-180px -1110px;
}
.vedio-area .main-toolbar .good-hover,
.vedio-area .main-toolbar .ghover:hover {
 background-position:-180px -1135px;
}
.vedio-area .main-toolbar .bad {
 width:30px;
 background-position:-183px -667px;
}
.vedio-area .main-toolbar .bad-hover {
 background-position:-183px -696px;
}
.vedio-area .main-toolbar .bhover:hover {
 background-position:-183px -696px;
}
.vedio-area .main-toolbar .num-count {
 color:#333;
}
.vedio-area .main-toolbar .text {
 display:none;
 font-size:14px;
 font-family:'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';
}
.vedio-area .main-toolbar .good .text {
 color:#237dd1;
}
.vedio-area .main-toolbar .bad .text {
 color:#090;
}
.vedio-area .main-toolbar .collection,
.vedio-area .main-toolbar .trigger,
.vedio-area .main-toolbar .share-box,
.vedio-area .main-toolbar .report {
 font-size:14px;
 font-family:'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';
 color:#333;
}
.vedio-area .main-toolbar .mark-i {
 display:none;
 position:absolute;
 right:6px;
 top:-6px;
 z-index:222;
 color:#237dd1;
 font-style:normal;
}
.vedio-area .main-toolbar .share-box {
 padding:0 14px 0 0;
 cursor:default;
 overflow:visible;
}
.vedio-area .main-toolbar .share-box span,
.vedio-area .main-toolbar .share-box .bdshare-button-style0-24 {
 float:left;
}
.vedio-area .main-toolbar .share-box .bdshare-button-style0-24 {
 width:auto;
}
.vedio-area .main-toolbar .collection {
 padding:0 15px 0 25px;
 background-position:-175px -1160px;
 border:0 none;
}
.vedio-area .main-toolbar .collection:hover,
.vedio-area .main-toolbar .fav-hover {
 color:#237dd1;
 background-position:-175px -1185px;
}
.vedio-area .main-toolbar .links {
 position:relative;
 padding:0 15px 0 0;
 zoom:1;
 border:none;
}
.vedio-area .main-toolbar .trigger {
 display:block;
 position:relative;
 zoom:1;
 width:7px;
 height:24px;
 cursor:pointer;
}
.vedio-area .main-toolbar .trigger:hover {
 color:#039fea;
 background-position:-184px -759px;
}
.vedio-area .trigger .icon {
 display:block;
 margin:10px 0 0;
 width:7px;
 height:4px;
 overflow:hidden;
 padding:0;
 background-position:-40px -65px;
}
.vedio-area .main-toolbar .down-box {
 display:none;
 position:absolute;
 top:34px;
 left:-57px;
 z-index:10;
 width:413px;
 padding:5px 10px;
 border:1px solid #dbdbdb;
 background:#fff;
 line-height:28px;
}
.vedio-area .h-links .trigger .icon {
 background-position:-40px -75px;
}
.vedio-area .h-links .down-box {
 display:block;
}
.vedio-area .down-box-header {
 height:20px;
 overflow:hidden;
 margin:5px 0 0;
}
.vedio-area .down-box-header .close {
 float:right;
 width:12px;
 height:20px;
 overflow:hidden;
 padding:0;
 color:#f60;
 font-size:20px;
 _font-size:12px;
 line-height:20px;
}
.vedio-area .down-box-header h4 {
 font-size:14px;
 line-height:20px;
}
.vedio-area .down-box-content {
 padding:0 0 10px;
}
.vedio-area .down-close {
 position:absolute;
 top:7px;
 right:7px;
 width:17px;
 height:17px;
 cursor:pointer;
 background-position:-40px -625px;
}
.vedio-area .down-close:hover {
 background-position:-60px -625px;
 background-color:#b3b3b3;
}
.vedio-area .down-head {
 color:#333;
 font-size:12px;
 line-height:22px;
}
.vedio-area .work-links {
 padding:0 0 10px;
}
.vedio-area .work-links li {
 float:none;
 height:24px;
 overflow:hidden;
 zoom:1;
 margin:10px 0 0;
 line-height:24px;
 border:0 none;
 cursor:default;
}
.vedio-area .work-links span {
 float:left;
 width:40px;
 font-size:12px;
 font-family:Arial,"Simsun";
}
.vedio-area .work-links input {
 float:left;
 width:320px;
 height:20px;
 overflow:hidden;
}
.vedio-area .work-links .copy-link {
 float:left;
 border:1px solid #999;
 margin:2px 0 0 10px;
 padding:0 6px;
 background:none;
 font-size:12px;
 line-height:18px;
}
.vedio-area .work-links embed {
 vertical-align:top;
}
.vedio-area .report-form li {
 float:none;
 height:auto;
 margin:5px 0 0;
 line-height:20px;
}
.vedio-area .report-form input {
 width:12px;
 height:12px;
 overflow:hidden;
 margin:0 5px 0 0;
}
.vedio-area .report-form span {
 float:none;
 width:auto;
}
.vedio-area .report-form textarea {
 height:60px;
 width:380px;
 margin:0 0 0 18px;
 resize:none;
}
.vedio-area .report-form .button {
 width:60px;
 height:30px;
 margin:0 0 0 18px;
 cursor:pointer;
}
.vedio-area .vedio-toolbar .trun-off {
 padding:0 0 0 16px;
 background-position:-190px -529px;
 cursor:pointer;
}
.vedio-area .vedio-toolbar .trun-off:hover {
 background-position:-190px -274px;
}
.vedio-area .vedio-toolbar .num {
 padding:0 0 0 20px;
 background-position:-185px -555px;
}
.vedio-area .main-toolbar .report {
 position:relative;
 padding:0 15px 0 0;
 border:0 none;
 *zoom:1;
}
.vedio-area .h-report .down-box {
 display:block;
}
.vedio-area .h-report .down-box {
 left:0;
 right:auto;
}
.vedio-area .play-nums {
 float:right;
 _display:inline;
 margin:0 260px 0 0;
 color:#333;
 font-size:16px;
 line-height:44px;
}
#player iframe {
 display:block;
}
.vedio-closed-light {
 width:720px;
 margin:0 auto;
 _z-index:40003;
 _overflow:hidden;
 _background:#000;
}
.vedio-closed-light .recommend-bar,
.vedio-closed-light .recommend-box,
.vedio-closed-light .vedio-toolbar,
.vedio-closed-light .vedio-header {
 _display:none;
}
.vedio-closed-light .share-box {
 display:none;
}
.discuss-area {
 margin:21px 0 0;
}
.discuss-area a:hover {
 color:#c00!important;
}
.discuss-area .post-box {
 padding:0 0 25px;
 border-bottom:1px solid #ebebeb;
}
.discuss-area .post-box .post-header {
 height:24px;
 line-height:24px;
}
.discuss-area .post-box .number {
 float:right;
}
.discuss-area .post-box h3 {
 float:left;
 font-size:18px;
 line-height:24px;
}
.discuss-area .post-box .login-box {
 float:left;
}
.discuss-area .post-box .login {
 float:left;
 padding:0 30px 0 25px;
 color:#ccc;
}
.discuss-area .login a {
 margin:0 8px;
 color:#134BA0;
}
.discuss-area .post-box .other-login {
 float:left;
 color:#666;
}
.discuss-area .other-login span {
 float:left;
}
.discuss-area .other-login a {
 display:block;
 float:left;
 width:16px;
 height:16px;
 overflow:hidden;
 margin:3px 10px 0 0;
 text-indent:-9999em;
 line-height:100px;
}
.discuss-area .other-login .sina {
 background-position:-55px -65px;
}
.discuss-area .other-login .qq {
 background-position:-80px -65px;
}
.discuss-area .other-login .renren {
 background-position:-40px -90px;
}
.discuss-area .number span {
 color:#c00;
}
.discuss-area .post-text {
 padding:5px;
 margin:7px 0 0;
 background:url(https://icon.zol.com.cn/video/2013/post-text-bg.png) no-repeat top left;
 border:1px solid #dbdbdb;
}
.discuss-area .post-text textarea {
 display:block;
 width:638px;
 height:66px;
 resize:none;
 border:0 none;
 font-size:14px;
 line-height:22px;
 color:#333;
 font-family:arial;
 overflow-y:auto;
 vertical-align:middle;
 _top:-2px;
 outline:0 none;
}
.discuss-area .submit-box {
 height:32px;
 margin:10px 0 0;
 line-height:32px;
}
.discuss-area .submit-box .submit {
 display:block;
 float:right;
 width:70px;
 height:32px;
 border:0 none;
 background-color:#237dd1;
 color:#fff;
 font-size:14px;
 line-height:32px;
 cursor:pointer;
}
.discuss-area .submit-box .submit:hover {
 background-color:#2d8ae0;
}
.discuss-area .captcha {
 float:left;
 width:198px;
}
.discuss-area .captcha .check-code {
 width:70px;
 height:20px;
 margin:0 5px;
 border:1px solid #e9e9e9;
}
.discuss-area .captcha img {
 border:1px solid #8f8f8f;
}
.discuss-area .discuss-item {
 overflow:hidden;
 zoom:1;
 padding:17px 0 22px;
 border-bottom:1px dotted #ccc;
}
.discuss-area .discuss-item .comment-face {
 float:left;
 padding:8px 0 0;
}
.discuss-area .face img {
 padding:2px;
 border:1px solid #ccc;
 vertical-align:top;
}
.discuss-area .comment-face .follow {
 display:block;
 background:url(https:static/comments/120601/comment-page-2012.png) no-repeat -111px -47px;
}
.discuss-area .comment-face .follow:hover {
 background-position:-172px -47px;
}
.discuss-area .comment-face .followed,
.discuss-area .comment-face .followed:hover {
 background-position:-293px -47px;
}
.follow,
.follow_hover,
.followed,
.each_other {
 display:block;
 margin-top:6px;
 width:56px;
 height:20px;
 text-indent:-9999em;
 overflow:hidden;
}
.discuss-area .comment-box {
 padding:0 0 0 70px;
}
.discuss-area .user-infor {
 height:20px;
 overflow:hidden;
 padding:6px 0 13px;
 color:#134BA0;
 line-height:20px;
}
.discuss-area .user-infor .date {
 float:right;
 color:#666;
}
.discuss-area .comment-user-bar {
 float:left;
 position:relative;
 zoom:1;
 height:20px;
 color:#134BA0;
 line-height:20px;
}
.discuss-area .comment-user-bar a {
 color:#0055a1;
}
.discuss-area .gray {
 color:#999;
}
.discuss-area .user-level {
 cursor:pointer;
}
.discuss-area .comment-user-bar img {
 vertical-align:middle;
 margin:0 2px 0 0;
}
.discuss-area .comment-content {
 verflow:hidden;
 word-wrap:break-word;
 padding:0 0 10px;
 font-size:14px;
}
.discuss-area .comment-vote {
 display:none;
 height:18px;
 padding:2px 0;
 text-align:right;
}
.discuss-area .comment-vote a {
 float:right;
 position:relative;
 height:14px;
 padding:0 9px 0 0;
 margin-left:10px;
 border-right:1px solid #ccc;
 color:#0055a1;
 font-family:????????????;
 line-height:14px;
}
.discuss-area .comment-vote .reply-btn {
 padding-right:0;
 border-right:0 none;
}
.discuss-area .comment-reply-box {
 position:relative;
 z-index:1;
 zoom:1;
 margin-bottom:4px;
 padding:4px;
 border:1px solid #f6dac2;
 background:#fff8ea;
}
.discuss-area .comment-reply-box .user-infor {
 position:relative;
 zoom:1;
 height:20px;
 line-height:20px;
 padding:0 4px 2px;
}
.discuss-area .comment-floor {
 float:right;
 color:#333;
}
.discuss-area .reply-box {
 display:none;
 position:relative;
 zoom:1;
 margin:7px 0 0;
 padding:27px 20px 12px;
 background:#f8f8f8;
 border:1px solid #e0e0e0;
}
.discuss-area .reply-box .ico i {
 position:absolute;
 top:-6px;
 right:5px;
 width:11px;
 height:6px;
 background-position:-40px -115px;
}
.discuss-area .reply-box .close {
 position:absolute;
 top:6px;
 right:6px;
 width:15px;
 height:15px;
 background:url(https:static/comments/130203/pic.png) no-repeat -196px -28px;
 cursor:pointer;
}
.discuss-area .reply-box .close-hover,
.discuss-area .reply-box .close:hover {
 background:url(https:static/comments/130203/pic.png) no-repeat -216px -28px;
}
.discuss-area .h-comment-vote-show .reply-box,
.discuss-area .h-comment-vote-show .comment-vote {
 display:block;
}
.discuss-area .comment-reply-box .comment-content {
 padding:5px 4px;
}
.discuss-area .reply-towers .post-text {
 padding:0;
 background:none;
}
.discuss-area .reply-towers .submit-box {
 height:26px;
 line-height:26px;
}
.discuss-area .reply-towers .submit {
 width:60px;
 height:26px;
 font-weight:normal;
 line-height:26px;
}
.discuss-area .reply-towers textarea {
 width:100%;
 height:50px;
 resize:none;
}
.executive-summary {
 padding:0 0 6px;
}
.executive-summary a {
 padding:0 12px 0 0;
 color:#0055a1;
}
.executive-summary h4 {
 height:18px;
 overflow:hidden;
 margin:11px 0 0;
 font-size:14px;
 line-height:18px;
}
.executive-summary p {
 margin:7px 0 0;
 color:#666;
 line-height:20px;
}
.executive-summary p span {
 color:#999;
}
.executive-summary .related-links {
 color:#ccc;
}
.executive-summary .related-links a {
 padding:0 10px;
}
.executive-summary .related-links .buy-link {
 font-family:SimSun;
}
.search-area {
 width:980px;
 margin:0 auto;
 padding:30px 0;
 border-bottom:1px solid #e2e2e2;
}
.search-area .search-box .sbtn {
 background:url(https:static/products/product2011/pub_head_20120720.png) no-repeat;
}
.search-area .search-box {
 position:relative;
 right:2px;
 width:442px;
 padding:0 90px 0 0;
 margin:0 auto;
 border-width:1px 0;
 border-color:#06c;
 border-style:solid;
}
.search-area .search-box .input {
 position:relative;
 padding:4px 4px 4px 6px;
 height:21px;
 margin-left:-1px;
 border-width:1px 0 1px 2px;
 border-color:#06c;
 border-style:solid;
 overflow:hidden;
 zoom:1;
 background:#fff;
}
.search-area .search-box .stext {
 float:left;
 width:431px;
 height:21px;
 border:0 none;
 outline:0 none;
 font-size:14px;
 line-height:21px;
 color:#ccc;
}
.search-area .search-box .ctext {
 color:#333;
}
.search-area .search-box .sbtn {
 position:absolute;
 right:0;
 top:-1px;
 width:90px;
 height:33px;
 border:0 none;
 text-indent:-9999em;
 overflow:hidden;
 cursor:pointer;
 background-position:0 0;
}
.search-area .search-suggest {
 display:none;
 position:absolute;
 top:30px;
 left:0;
 border:1px solid #bfbfbf;
 width:441px;
 background:#fff;
 z-index:20;
}
.search-area .suggest-list li {
 height:24px;
 line-height:24px;
 overflow:hidden;
 padding-left:18px;
 color:#666;
 cursor:pointer;
}
.suggest-list li span {
 float:none;
 margin-right:0;
 color:#f00;
}
.search-area .suggest-list .sug-sel {
 background:#f3f3f3;
}
.search-area .suggest-list .sug-t {
 padding-left:5px;
 font-weight:bold;
}
.search-area .search-tip {
 width:532px;
 padding:7px 0 0;
 margin:0 auto;
}
.search-area .search-tip p {
 color:#999;
 line-height:20px;
}
.search-area .search-tip strong {
 color:#333;
}
.search-area p em {
 color:#FFBA01;
 font-weight:bold;
}
.search-area .hot-search {
 line-height:20px;
}
.search-area .hot-search span {
 color:#999;
}
.search-area .hot-search a {
 padding:0 18px 0 0;
}
.search-area .error-tip {
 padding:20px 0 0;
 font-size:14px;
 line-height:24px;
}
.search-area .error-tip p {
 margin:5px 0 0;
}
.search-area .error-tip .text {
 padding:0 0 0 60px;
}
.search-area .text span {
 _display:inline;
 float:left;
 margin:0 0 0 -60px;
}
.search-area .error-tip a {
 padding:0 5px;
 color:#00539F;
}
.search-area .error-tip a:hover {
 color:#c00;
}
.filter-result {
 padding:20px 0 0;
}
.filter-result .filter-tab li {
 float:left;
}
.filter-result .filter-tab a {
 display:block;
 padding:3px 9px;
 text-align:center;
 border:1px solid #ddd;
 -webkit-border-radius:2px;
 border-radius:2px;
 margin-right:5px;
}
.filter-tab .current a {
 background:#09f;
 border:1px solid #09f;
 color:#fff;
}
.filter-result .current a:hover {
 color:#fff;
 text-decoration:none;
}
.filter-result .article-pic-list {
 margin-right:-46px;
}
.filter-result .article-pic-list .item {
 margin-right:47px;
}
.cubane_hilight {
 color:#f33;
}
.layer-box {
 width:100%;
 background:#000;
 position:absolute;
 left:0;
 top:0;
 z-index:99;
 opacity:1;
 display:none;
 filter:alpha(opacity=100);
}
.layer-box .newDotLink {
 background:url(https:static/ishow/110212/gd.png) 0 0 no-repeat;
 width:166px;
 height:70px;
 display:block;
 float:right;
 margin:320px 30px 0;
 zoom:1;
 cursor:pointer;
}
.layer-box .newDotLink:hover {
 background-position:0 -71px;
}
.detail-wrapper .main {
 width:690px;
}
.detail-wrapper .aside {
 width:260px;
}
.detail-wrapper .pic-news-portrait {
 margin-right:-25px;
}
.detail-wrapper .pic-news-portrait li {
 margin-right:20px;
}
.share-box2 {
 width:114px;
 height:16px;
 overflow:hidden;
 margin-top:3px;
 color:#999;
 line-height:16px;
}
.share-box2 span {
 float:left;
}
.share-box2 a {
 display:block;
 float:left;
 width:17px;
 height:16px;
 padding:0;
 margin:0 5px 0 0;
 cursor:pointer;
 opacity:.5;
 filter:Alpha(Opacity=50);
 line-height:16px;
}
.share-box2 a:hover {
 opacity:1.0;
 filter:Alpha(Opacity=100);
}
.time {
 float:left;
 padding:0 25px 0 0;
}
.share-box2 .bds_tqq {
 background-position:0 -229px;
}
.share-box2 .bds_qzone {
 background-position:-22px -229px;
}
.share-box2 .bds_tsina {
 background-position:-44px -229px;
}
.hot-recommend {
 position:relative;
 margin:10px 0 0;
 zoom:1;
}
.hot-recommend .btns {
 position:absolute;
 top:-41px;
 right:-3px;
}
.hot-recommend .btns span {
 float:left;
 margin:0 3px;
 width:21px;
 height:21px;
 font-size:0;
 cursor:pointer;
}
.btns .turn-left {
 background-position:-22px -602px;
}
.btns .turn-right {
 background-position:-42px -602px;
}
.btns .turn-left-hover {
 background-position:0 -602px;
 background-color:#1f78c1;
}
.btns .turn-right-hover {
 background-position:-63px -602px;
 background-color:#1f78c1;
}
.hot-recommend-inner {
 width:260px;
 height:120px;
 position:relative;
 overflow:hidden;
}
.hot-recommend-inner ul {
 position:absolute;
 top:0;
 width:800%;
 overflow:hidden;
 zoom:1;
}
.hot-recommend-inner li {
 float:left;
 width:260px;
 position:relative;
 zoom:1;
}
.hot-recommend-inner img {
 display:block;
}
.hot-recommend-inner span {
 position:absolute;
 bottom:0;
 left:0;
 padding:0 10px;
 width:240px;
 height:25px;
 overflow:hidden;
 text-align:center;
 font-size:14px;
 line-height:25px;
 color:#fff;
 background:rgba(0,0,0,0.5);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#80000000,endcolorstr=#80000000,gradientType=1);
 cursor:pointer;
}
:root.hot-recommend-inner span {
 -webkit-filter:none;
 filter:none;
}
.hot-recommend-inner a:hover {
 color:#fff;
}
.hot-recommend-inner a:hover span {
 text-decoration:underline;
}
.video-code {
 display:none;
 position:fixed;
 _position:absolute;
 left:50%;
 top:562px;
 margin:0 0 0 510px;
 padding:26px 10px 7px;
 border:1px #dbdbdb solid;
 width:80px;
 background-color:#fff;
 z-index:100;
}
.video-code img,
.video-code span {
 display:block;
}
.video-code span {
 padding:8px 0 0;
 text-align:center;
 color:#666;
 line-height:18px;
}
.video-code em {
 position:absolute;
 top:-1px;
 right:-1px;
 width:17px;
 height:17px;
 border:1px #dbdbdb solid;
 cursor:pointer;
 user-select:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 background-position:0 -625px;
}
.video-code em:hover,
.video-code em.hover {
 background-position:-20px -625px;
 background-color:#59a8de;
 border-color:#59a8de;
}
.tabs-program .tab-nav .current {
 background:#1D71C0;
}
.pub-element {
 position:fixed;
 bottom:10px;
 right:10px;
 _position:absolute;
 _bottom:auto;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-277));
}
.pub-element a {
 display:block;
 margin:1px 0 0;
 width:60px;
 height:60px;
 opacity:.6;
 filter:alpha(opacity=60);
 background-color:#3382d5;
}
.pub-element a:hover {
 opacity:1;
 filter:alpha(opacity=100);
 color:#fff;
 text-decoration:none;
}
.pub-element .pub-scrolltop {
 background:url(https:static/mouse/140716/top-btn-ico.png) no-repeat;
 background-color:#3382d5;
 text-indent:-9999em;
 overflow:hidden;
}
.pub-element .pub-feedback {
 padding:13px 10px 0 16px;
 width:34px;
 height:47px;
 font:14px/16px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";
 color:#fff;
}
.header-links i.icon-made {
 background:url('https:static/channel/ico-made.png') no-repeat;
 margin:4px 3px 0 0;
}
body,
div,
form,
img,
p,
h1,
h2,
dl,
dt,
dd,
ul,
li,
h3 {
 padding:0;
 margin:0;
}
ul,
li {
 list-style:none;
}
em {
 font-style:normal;
}
img {
 display:block;
 border:0;
}
a {
 color:#aaa;
 text-decoration:none;
}
a:hover,
td a:hover {
 color:#f60;
 text-decoration:underline;
}
.clear {
 clear:both;
 display:block;
 height:0;
 visibility:hidden;
 font:0/0 arial;
}
.clearfix:after {
 content:".";
 display:block;
 visibility:hidden;
 clear:both;
 height:0;
 font-size:0;
}
.clearfix {
 *zoom:1;
}
.up2017-ad .ad-div {
 width:1200px;
 height:60px;
 margin:0 auto;
 overflow:hidden;
}
.full-wrap-up2017 {
 background:#000;
}
.full-wrap-up2017 .global-header {
 background-color:#222;
 padding:14px 0 4px;
}
.full-wrap-up2017 .global-header .search-box {
 float:left;
 margin:-1px 0 0 60px;
 background:none;
 background-color:#1790de;
 padding:0;
}
.full-wrap-up2017 .global-header .search-box form,
.global-header #kword {
 background:none;
 padding:0;
}
.full-wrap-up2017 .global-header #kword {
 color:#555;
 font:16px/30px "Microsoft YaHei";
 height:30px;
 line-height:30px;
 border:2px solid #e9e9e9;
 border-right:0;
 background-color:#e9e9e9;
 padding-left:12px;
 width:280px;
}
.full-wrap-up2017 .global-header .sbtn {
 width:70px;
 text-indent:0;
 height:32px;
}
.full-wrap-up2017 .global-header #kword:focus {
 background:none;
 background-color:#fff;
 border:2px solid #1790de;
 border-right:0;
}
.full-wrap-up2017 .other-channel li {
 padding:0 11px;
 color:#fff;
 line-height:46px;
 font-size:16px;
}
.full-wrap-up2017 .other-channel li a,
.light .other-channel .upload,
.light .other-channel .download,
.light .other-channel .mark-text {
 color:#fff;
 font-size:16px;
}
.full-wrap-up2017 .other-channel .upload {
 background:url(https://icon.zol.com.cn/video/170703/y_icons.png) no-repeat -4px 8px!important;
 padding-left:24px;
 line-height:40px;
 margin:3px 0 0;
}
.full-wrap-up2017 .other-channel .trigger .title-mark {
 line-height:20px;
 padding-right:20px;
 background:url(https://icon.zol.com.cn/video/170703/y_icons.png) no-repeat 64px -54px!important;
 width:68px;
 margin:3px 0 0 14px;
 font-size:16px;
}
.full-wrap-up2017 .other-channel .h-trigger .title-mark {
 background:url(https://icon.zol.com.cn/video/170703/y_icons.png) no-repeat 64px -90px!important;
}
.full-wrap-up2017 .other-channel .h-trigger .title-mark i {
 color:#0b9ffb;
}
.other-channel .trigger {
 margin:11px 0 0;
}
.other-channel .name {
 color:#10a8ff!important;
 margin-right:5px;
 max-width:150px;
 white-space:nowrap;
 overflow:hidden;
}
.playerbox {
 width:100%;
 height:494px;
 overflow:hidden;
 background:url(https://icon.zol.com.cn/video/170703/y_img1.jpg) no-repeat bottom center #353535;
}
#focus-con {
 height:494px;
 width:1200px;
 margin:0 auto;
}
.expanded .global-header {
 border-bottom:0;
}
#player {
 width:820px;
 height:501px;
 overflow:hidden;
 position:absolute;
 top:0;
 left:0;
}
#pag-self-nav {
 width:100%;
 background-color:#000;
}
#pag-self-nav .container,
#pag-self-selectNav .container {
 width:1200px;
 margin:0 auto;
 padding:4px 0 14px 0;
 overflow:hidden;
}
#pag-self-nav ul,
#pag-self-selectNav ul {
 border:1px solid #565656;
 padding:10px 6px 12px 6px;
}
#pag-self-nav .nlist li,
#pag-self-selectNav .nlist li {
 max-width:220px;
 padding:0 22px;
 float:left;
 border-right:1px solid #292929;
 height:40px;
}
#pag-self-nav ul li:last-child,
#pag-self-selectNav ul li:last-child {
 border-right:0;
}
#pag-self-nav li p.tit,
#pag-self-selectNav li p.tit {
 float:left;
 color:#ccc;
 font:bold 14px/70px "Microsoft YaHei";
 background:url(https://icon.zol.com.cn/video/170703/y_icons.png) no-repeat 14px -124px;
 height:38px;
}
#pag-self-nav li .items,
#pag-self-selectNav li .items {
 padding-left:74px;
}
#pag-self-nav li .items a,
#pag-self-selectNav li .items a {
 margin:0;
 padding:0 6px;
 line-height:24px;
}
#stp {
 background:url(https://icon.zol.com.cn/video/170703/y_icons.png) no-repeat 14px -166px!important;
}
#big-event {
 background:url(https://icon.zol.com.cn/video/170703/y_icons.png) no-repeat -68px -4px!important;
}
#people {
 background:url(https://icon.zol.com.cn/video/170703/y_icons.png) no-repeat -68px -48px!important;
}
#living {
 background:url(https://icon.zol.com.cn/video/170703/y_icons.png) no-repeat -83px -88px!important;
}
#happy {
 background:url(https://icon.zol.com.cn/video/170703/y_icons.png) no-repeat -68px -128px!important;
}
#pag-self-nav .nohappy li,
#pag-self-selectNav .nohappy li {
 max-width:223px;
 padding:0 32px;
}
#pag-self-nav .nohappy li .items,
#pag-self-selectNav .nohappy li .items {
 padding-left:74px;
}
#pag-self-nav .nohappy #living,
#pag-self-selectNav .nohappy #living {
 margin:0 0 0 5px;
}
#today-focus {
 height:410px;
 overflow:hidden;
}
#today-focus li {
 width:168px;
}
#today-focus li:first-child {
 width:404px;
 height:392px;
}
#today-focus li:first-child .pic img {
 width:404px;
 height:300px;
}
#today-focus .pic img {
 width:170px;
 height:112px;
}
#today-focus .pics {
 width:404px;
 height:392px;
 position:relative;
 overflow:hidden;
}
#today-focus .pics .pics-lb {
 width:1000%;
 height:392px;
 position:absolute;
 top:0;
 left:0;
}
#today-focus .pics .pitem {
 float:left;
}
#today-focus .tab {
 width:54px;
 height:10px;
 position:absolute;
 bottom:61px;
 right:-8px;
}
#today-focus .tab span {
 display:inline-block;
 width:20px;
 height:9px;
 background:url(https://icon.zol.com.cn/video/170703/y_icons.png) no-repeat -86px -179px;
 margin-right:6px;
 margin-top: 53px;
}
#today-focus .tab span:hover,
#today-focus .tab span.active {
 background:url(https://icon.zol.com.cn/video/170703/y_icons.png) no-repeat -136px -179px;
}
.pic-text .live-tag {
 position:absolute;
 top:0;
 left:0;
 height:117px;
 width:176px;
 background:url(https://icon.zol.com.cn/video/170703/titles.png) 0 -313px no-repeat;
}
.pic-text .tags {
 overflow:hidden;
 margin-top:7px;
 padding-bottom:10px;
}
.hide {
 display:none;
}
#video-header-banner {
 padding-top:63px;
}
#pag-self-nav li .items a:hover,
#pag-self-nav li p.tit:hover,
.rank-list .title:hover,
.full-wrap-up2017 .other-channel li a:hover,
.footer .foot-links li a:hover,
#pag-self-nav .nohappy #living a:hover,
#pag-self-nav .nohappy #happy a:hover,
#focus-today .section-header a:hover,
.title-more:hover {
 color:#0da2fc;
 text-decoration:none;
 cursor:pointer;
}
.other-channel .show-list li,
.other-channel .show-list li a {
 font-size:12px!important;
}
.keyword-list li a:hover {
 text-decoration:none;
}
.footer .pic a:hover .text {
 text-decoration:none;
}
.expanded .global-header .search-box form {
 background-image:none;
}
#today-focus .pics .pics-lb {
 width:404px;
}
#today-focus .pics .pitem {
 display:none;
}
#today-focus .pics .pitem:first-child {
 display:block;
}
.other-channel .zol-userinfo a {
 float:left;
}
.other-channel .name {
 display:inline-block;
 max-width:80px;
 margin:-2px 24px 0 0;
}
.banner .recommend-date {
 height:391px;
}
.banner .recommend-items li.current {
 background-color:#171717;
}
.BaiFont16 li a {
 color:#fff;
 font-size:16px;
}
@keyframes visibleAnimation {
 from {
  opacity:0;
 }
 to {
  opacity:1;
 }
}
@-webkit-keyframes visibleAnimation {
 from {
  opacity:0;
 }
 to {
  opacity:1;
 }
}
#pag-self-nav li .items a:hover,
#pag-self-selectNav li .items a:hover,
#pag-self-selectNav p a:hover {
 text-decoration:none;
 color:#178dd6;
}
.top-main {
 position:relative;
}
.hd-nav-box,
.hd-nav-box i {
 background:url(https://icon.zol.com.cn/video/170703/videoNavico.png) no-repeat;
}
.expanded .logo-box {
 margin-right:40px;
}
.navBox-hide {
 border:1px solid #2e2e2e;
 width:85px;
 height:32px;
 line-height:32px;
 float:left;
 font-size:16px;
 color:#888;
 display:none;
 position:relative;
}
.expanded {
 -webkit-animation:visibleAnimation .6s linear;
 animation:visibleAnimation .6s linear;
}
.expanded .navBox-hide {
 display:block;
 margin-right:45px;
}
.expanded .global-header .search-box {
 margin:2px 0 0 0;
}
.hd-nav-box {
 text-align:center;
 background-position:5px 9px;
 position:relative;
 cursor:pointer;
}
.hd-nav-box i {
 background-position:0 -26px;
 display:inline-block;
 width:9px;
 height:5px;
 position:absolute;
 top:14px;
 *top:9px;
 right:10px;
}
.navBox-hide-on {
 background:#000;
 border:1px solid #000;
 height:48px;
}
.navBox-hide-on i {
 background-position:0 -44px;
}
.nav-select {
 display:none;
 width:100%;
 height:64px;
 background:#000;
 position:absolute;
 left:0;
 top:50px;
}
.navBox-hide-on .nav-select {
 display:block;
}
#pag-self-selectNav ul {
 border:none;
}
.video-box {
 position:absolute;
 top:0;
 left:0;
 right:0;
 width:100%;
 height:10px;
 background:#000;
}
.video-mask {
 margin:3px 4px;
 height:4px;
 background-color:rgba(255,255,255,.5);
 overflow:hidden;
 position:relative;
}
.video_value_inner {
 position:absolute;
 top:0;
 left:0;
 width:1px;
 height:100%;
 background-color:#fff;
}
.pic .standing {
 position:absolute;
 width:100%;
 height:100%;
}
.pic span {
 display:block;
 float:left;
 height:100%;
 background:url(about:blank);
}
#focus-live {
 height:460px;
 margin-top:25px;
}