@charset "utf-8";
/* CSS Document */

/* 设置主题背景及颜色 */ 
body {
background:#1c1e22; background-size:cover; font-family:Microsoft YaHei,Verdana, Arial; font-size:12px; line-height:18px; margin-top:7px; color:#c8d0d8;
}

img { opacity:0.85; filter:alpha(opacity=85); filter:grayscale(30%); }

/* 输入框样式 */
input { color:#b0b8c0; background:rgba(30,34,40,1.0); }
input:focus { background:rgba(40,46,54,1.0); color:#d0d8e0; }

/* 链接文字颜色 */
a { color:#7fc1e8; }
a:hover { color:#f0f4f8; }

/* Headings 抬头标题样式 */
h1,h2,h3,h4,h5,h6 { clear:both; font-weight:bold; color:#b9c2ca; }
hr { border:0; height:1px; margin-bottom:1.625em; border-bottom:1px solid #353a41; }

span,li,ul,p { color:#b0b8c0; }  /* span 字体颜色 */

/* Text elements 文本样式 */
ol, ul { list-style:none; }
li { list-style:none; margin-bottom:5px; }
ul { list-style:none; }
ol { list-style:none; }
ol ol { list-style:none; }
ol ol ol { list-style:none; }
ol ol ol ol { list-style:none; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
dl { margin:0 1.625em; }
dt { font-weight:bold; color:#d0d8e0; }
dd { margin-bottom:1.625em; }
strong { font-weight:bold; }
small { font-size:0.75em; }
big { font-size:1.4em; }
gray { color:#8a929a; }
red { color:#e86850; }

/* 所有区域 预留样式 */
#body-all { width:100%; height:auto; margin:0; }

/*    ---------------------- Style 文件基础配置 结束 ----------------------       */

/*** 淡入动画 ***/
@keyframes fadeIn {
0% { opacity:0; filter:alpha(opacity=0); }
25% { opacity:0.3; filter:alpha(opacity=30); }
50% { opacity:0.5; filter:alpha(opacity=50); }
75% { opacity:0.7; filter:alpha(opacity=70); }
100% { opacity:1; filter:alpha(opacity=100); }
}

@-webkit-keyframes fadeIn {
0% { opacity:0; filter:alpha(opacity=0); }
25% { opacity:0.3; filter:alpha(opacity=30); }
50% { opacity:0.5; filter:alpha(opacity=50); }
75% { opacity:0.7; filter:alpha(opacity=70); }
100% { opacity:1; filter:alpha(opacity=100); }
}

@-moz-keyframes fadeIn {
0% { opacity:0; filter:alpha(opacity=0); }
25% { opacity:0.3; filter:alpha(opacity=30); }
50% { opacity:0.5; filter:alpha(opacity=50); }
75% { opacity:0.7; filter:alpha(opacity=70); }
100% { opacity:1; filter:alpha(opacity=100); }
}



/*    ---------------------- 游戏分类小图标 16px ----------------------       */
#small-ico-cs15 { width:16px; height:16px; float:left; background:url(../images/style3/ico/cs15.png) no-repeat; background-size:contain; }
#small-ico-cs { width:16px; height:16px; float:left; background:url(../images/style3/ico/cs.png) no-repeat; background-size:contain; }
#small-ico-cskz { width:16px; height:16px; float:left; background:url(../images/style3/ico/cskz.png) no-repeat; background-size:contain; }
#small-ico-css { width:16px; height:16px; float:left; background:url(../images/style3/ico/css.png) no-repeat; background-size:contain; }
#small-ico-csgo { width:16px; height:16px; float:left; background:url(../images/style3/ico/csgo.png) no-repeat; background-size:contain; }
#small-ico-cs2 { width:16px; height:16px; float:left; background:url(../images/style3/ico/cs2.png) no-repeat; background-size:contain; }
#small-ico-quake3 { width:16px; height:16px; float:left; background:url(../images/style3/ico/quake3.png) no-repeat; background-size:contain; }
#small-ico-quake { width:16px; height:16px; float:left; background:url(../images/style3/ico/quake.png) no-repeat; background-size:contain; }
#small-ico-quake-c { width:16px; height:16px; float:left; background:url(../images/style3/ico/quake-c.png) no-repeat; background-size:contain; }
#small-ico-cod2 { width:16px; height:16px; float:left; background:url(../images/style3/ico/cod2.png) no-repeat; background-size:contain; }
#small-ico-cod4 { width:16px; height:16px; float:left; background:url(../images/style3/ico/cod4.png) no-repeat; background-size:contain; }
#small-ico-mw3 { width:16px; height:16px; float:left; background:url(../images/style3/ico/mw3.png) no-repeat; background-size:contain; }
#small-ico-ops { width:16px; height:16px; float:left; background:url(../images/style3/ico/ops.png) no-repeat; background-size:contain; }
#small-ico-tf2 { width:16px; height:16px; float:left; background:url(../images/style3/ico/tf2.png) no-repeat; background-size:contain; }
#small-ico-cf { width:16px; height:16px; float:left; background:url(../images/style3/ico/cf.png) no-repeat; background-size:contain; }
#small-ico-bf { width:16px; height:16px; float:left; background:url(../images/style3/ico/bf.png) no-repeat; background-size:contain; }
#small-ico-bf1 { width:16px; height:16px; float:left; background:url(../images/style3/ico/bf1.png) no-repeat; background-size:contain; }
#small-ico-bf3 { width:16px; height:16px; float:left; background:url(../images/style3/ico/bf3.png) no-repeat; background-size:contain; }
#small-ico-bf4 { width:16px; height:16px; float:left; background:url(../images/style3/ico/bf4.png) no-repeat; background-size:contain; }
#small-ico-bf5 { width:16px; height:16px; float:left; background:url(../images/style3/ico/bf5.png) no-repeat; background-size:contain; }
#small-ico-crysis { width:16px; height:16px; float:left; background:url(../images/style3/ico/crysis.png) no-repeat; background-size:contain; }
#small-ico-overwatch { width:16px; height:16px; float:left; background:url(../images/style3/ico/overwatch.png) no-repeat; background-size:contain; }
#small-ico-ut { width:16px; height:16px; float:left; background:url(../images/style3/ico/ut.png) no-repeat; background-size:contain; }
#small-ico-warsow { width:16px; height:16px; float:left; background:url(../images/style3/ico/warsow.png) no-repeat; background-size:contain; }
#small-ico-point-blank { width:16px; height:16px; float:left; background:url(../images/style3/ico/point-blank.png) no-repeat; background-size:contain; }
#small-ico-wow { width:16px; height:16px; float:left; background:url(../images/style3/ico/wow.png) no-repeat; background-size:contain; }
#small-ico-gta { width:16px; height:16px; float:left; background:url(../images/style3/ico/gta.png) no-repeat; background-size:contain; }
#small-ico-pubg { width:16px; height:16px; float:left; background:url(../images/style3/ico/pubg.png) no-repeat; background-size:contain; }
#small-ico-movie { width:16px; height:16px; float:left; background:url(../images/style3/ico/movie.png) no-repeat; background-size:contain; }
#small-ico-making-of { width:16px; height:16px; float:left; background:url(../images/style3/ico/making-of.png) no-repeat; background-size:contain; }
#small-ico-topic { width:16px; height:16px; float:left; background:url(../images/style3/ico/topic.png) no-repeat; background-size:contain; }
#small-ico-tutorial { width:16px; height:16px; float:left; background:url(../images/style3/ico/tutorial.png) no-repeat; background-size:contain; }

/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */

/*    ---------------------- 头部 菜单 ----------------------       */
#menu-all { width:100%; margin:0; /*margin-left:-8px;*/ } /*    ################# 这个值最后来删除 ##################       */
#menu-box { width:980px; margin:0 auto; height:auto; }

#menu-top { width:100%; float:left; height:34px; border-top:1px solid #4a5058; border-bottom:1px solid #353a41;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#menu-top span { line-height:34px; float:left; margin-left:10px; color:#9da4ab; }
#menu-top a { color:#b0b8c0; }
#menu-top a:hover { color:#f0f4f8; }
#menu-top-ico { float:left; background:url(../images/style3/ico-attach.png) no-repeat; background-size:contain; width:16px; height:16px; margin-top:9px; margin-right:5px; }

/* 顶部菜单 右边的 页面链接 区域 */
#menu-top-right { float:right; margin-right:20px; }
#menu-top-right a { float:right; margin-left:10px; margin-top:3px; padding:4px 10px 4px 10px; color:#b0b8c0; }
#menu-top-right a:hover { color:#f0f4f8;
background-image: -moz-linear-gradient(top, #4a5058, #3e444c);
background-image: -ms-linear-gradient(top, #4a5058, #3e444c);
background-image: -o-linear-gradient(top, #4a5058, #3e444c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4a5058), to(#3e444c));
background-image: -webkit-linear-gradient(top, #4a5058, #3e444c);
background-image: linear-gradient(top, #4a5058, #3e444c); }

#menu-bg { float:left; width:100%; height:140px; background:#262a30; border-bottom:1px solid #353a41; }
#menu-logo { float:left; background:url(../images/style3/index-logo.png) no-repeat; background-size:contain; width:240px; height:70px; margin-left:20px; margin-top:35px; }  /* logo预留 */
#menu-sponsor { float:right; background:url(../images/style3/header-banner.jpg) no-repeat; background-size:contain; width:656px; height:70px; margin-right:20px; margin-top:35px;
opacity:0.8; filter:alpha(opacity=80); filter:grayscale(40%); } /* banner 预留 */

/* 菜单底部 banner 预留 */
#menu-bottom-banner { float:left; margin-top:10px; width:980px; height:100px; background:url(../images/style3/menu-banner.jpg) no-repeat; display:none; }

/* 主菜单 区域 */
#menu-main { float:left; width:100%;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#menu-main-nav { float:left; width:960px; line-height:20px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; margin-left:-5px; }
#menu-main-nav a { float:left; font-size:13px; padding:5px 7px 5px 7px; margin-left:10px; margin-right:5px; color:#b8c0c8; }
#menu-main-nav a:hover { color:#f0f4f8;
background-image: -moz-linear-gradient(top, #4a5058, #3e444c);
background-image: -ms-linear-gradient(top, #4a5058, #3e444c);
background-image: -o-linear-gradient(top, #4a5058, #3e444c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4a5058), to(#3e444c));
background-image: -webkit-linear-gradient(top, #4a5058, #3e444c);
background-image: linear-gradient(top, #4a5058, #3e444c); }
#menu-main-nav span { float:right; font-size:10px; font-weight:bold; margin-top:-5px; margin-left:5px; color:#d0d8e0; }
#menu-main-nav-line { float:left; height:1px; width:940px; margin-left:10px; margin-top:5px; background:#4a5058; }

/* 主菜单右边的 RSS按钮和风格切换 区域 */
#menu-main-right { float:right; width:160px; top:46px; position:relative; z-index:2; }
#menu-main-rss a { float:right; color:#c8d0d8; font-size:11px; margin-left:0px; }
#menu-main-rss a:hover { color:#f0f4f8; }
#menu-main-rss-ico { float:left; width:16px; height:16px; margin-top:2px; margin-right:6px; background:url(../images/style3/ico-rss.png) no-repeat; background-size:contain; }
#menu-main-rss-ico:hover { opacity:0.7; filter:alpha(opacity=70); }

#menu-main-style a { float:right; color:#c8d0d8; font-size:12px; margin-left:0px; }
#menu-main-style a:hover { color:#f0f4f8; }
#menu-main-style-ico { float:left; width:16px; height:16px; margin-top:2px; margin-right:6px; background:url(../images/style3/ico-style.png) no-repeat; background-size:contain; }

/* 主菜单子菜单 热门关键词 区域 */
#menu-main-tags { float:left; width:960px; height:10px; padding:15px 10px 15px 10px; border-bottom:1px solid #363b42; }
#menu-main-tags-title { float:left; margin-left:5px; margin-top:-10px; padding:3px 0 3px 5px; color:#b0b8c0; font-size:11px; }
#menu-main-tags a { float:left; margin-left:5px; margin-top:-10px; padding:3px 5px 3px 5px; color:#b8c0c8; }
#menu-main-tags a:hover {
color:#f0f4f8;
background-image: -moz-linear-gradient(top, #4a5058, #3e444c);
background-image: -ms-linear-gradient(top, #4a5058, #3e444c);
background-image: -o-linear-gradient(top, #4a5058, #3e444c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4a5058), to(#3e444c));
background-image: -webkit-linear-gradient(top, #4a5058, #3e444c);
background-image: linear-gradient(top, #4a5058, #3e444c); }

/* 主菜单 搜索块 区域 */
#menu-main-search { float:right; width:278px; margin-top:-62px; margin-right:10px; }
#menu-main-search-ico { float:left; position:relative; z-index:2; margin-top:8px; width:11px; height:11px; background:url(../images/style3/ico-search.png) no-repeat; background-size:contain; }
#search input { width:186px; height:22px; border:1px solid #4a5058; color:#b0b8c0; font-size:12px; padding-left:25px; font-family:Microsoft YaHei,Verdana, Arial;
margin-left:-21px;
background-image: -moz-linear-gradient(top, #1c1e22, #363b42);
background-image: -ms-linear-gradient(top, #1c1e22, #363b42);
background-image: -o-linear-gradient(top, #1c1e22, #363b42);
background-image: -webkit-gradient(linear, center top, center bottom, from(#1c1e22), to(#363b42));
background-image: -webkit-linear-gradient(top, #1c1e22, #363b42);
background-image: linear-gradient(top, #1c1e22, #363b42); }
#search input:focus { border:1px solid #6a727c; }
	 
#search .submit { float:right; border:1px solid #575e67; cursor:pointer; width:68px; height:26px; color:#c0c8d0; margin-left:5px;
background-image: -moz-linear-gradient(top, #4a5058, #3a4048);
background-image: -ms-linear-gradient(top, #4a5058, #3a4048);
background-image: -o-linear-gradient(top, #4a5058, #3a4048);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4a5058), to(#3a4048));
background-image: -webkit-linear-gradient(top, #4a5058, #3a4048);
background-image: linear-gradient(top, #4a5058, #3a4048); }
#search .submit:hover { color:#f0f4f8; border:1px solid #5a626c;
background-image: -moz-linear-gradient(top, #5a626c, #4a5058);
background-image: -ms-linear-gradient(top, #5a626c, #4a5058);
background-image: -o-linear-gradient(top, #5a626c, #4a5058);
background-image: -webkit-gradient(linear, center top, center bottom, from(#5a626c), to(#4a5058));
background-image: -webkit-linear-gradient(top, #5a626c, #4a5058);
background-image: linear-gradient(top, #5a626c, #4a5058); }


/*    ---------------------- 内容主体 ----------------------       */
#main-all { width:100%; margin:0; } /*margin-left:-8px;* } /*    ################# 这个值最后来删除 ##################       */
#main-box { width:980px; margin:0 auto; height:auto; } 

/*    ---------------------- 内容主体 左边 ----------------------       */
#main-left { width:650px; float:left; height:auto; }

#main-index-all { width:100%; float:left; height:598px; background:#262a30; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #353a41; }

/* 首页主体左边 小标题 */
#main-index-title { width:100%; float:left; height:32px; border-bottom:1px solid #353a41; margin-bottom:10px;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#main-index-title p { float:left; color:#c8d0d8; font-size:12px; line-height:32px; cursor:default; }
#main-index-title-ico { width:16px; height:16px; background:url(../images/style3/ico-fav.png) no-repeat; background-size:contain; float:left; margin-left:10px; margin-top:8px; margin-right:5px; }
#main-index-title-ico2 { float:right; margin-top:8px; margin-right:10px; width:16px; height:16px; background:url(../images/style3/ico-down.png) center no-repeat; }

/* 首页主体左边 小幻灯片 */
#main-index-slideshow { display:none; } /*** 隐藏主题 style1 里的内容 ***/
#main-index-slideshow2 { } /*** 主题 style2 里的幻灯片 ***/
#main-index-slideshow2 img { opacity:0.9; filter:alpha(opacity=90); filter:grayscale(0%)!important; } /*** 主题 style2 里的幻灯片 ***/

/* 首页主体左边 宣传文字 */
#main-index-description { width:320px; float:left; height:auto; margin-left:15px; }
#main-index-description-p1 { float:left; background:#2a2e34; width:310px; padding:5px 5px 10px 5px; border-radius:5px; }
#main-index-description-p2 { float:left; width:300px; padding:10px; line-height:20px; color:#c8d0d8; }
#main-index-description-p2-icons { width:300px; height:42px; background:url(../images/style3/index-icons.png) no-repeat center; background-size:contain; padding-top:10px; }
#main-index-description-p2-cc { width:300px; height:50px; background:url(../images/style3/index-cc.png) no-repeat center; background-size:contain; }
#main-index-description-p3 { float:left; background:#2f343c; width:290px; padding:5px 5px 5px 5px; border-radius:5px; margin-top:13px; }
#main-index-description-p3-ico { width:24px; height:24px; float:left; background:url(../images/style3/ico-info.png) no-repeat; background-size:contain; margin-top:5px; }
#main-index-description-p3 p { margin-top:19px; margin-left:27px; color:#b0b8c0; }




/* 首页主体右边的文章 */
#main-index-post-all { width:290px; float:right; margin-right:15px; margin-top:-3px; }
#main-index-post { width:100%; float:left; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #353a41; }
#main-index-post h2 a { font-size:13px; color:#c8d0d8; }
#main-index-post h2 a:hover { color:#f0f4f8; }
#main-index-post h2 div { float:left; width:16px; height:16px; margin-top:2px; margin-right:5px; } /*** 游戏小图标 ***/
#main-index-post-info { width:100%; float:left; margin-left:-5px; }
#main-index-post-info a { color:#b0b8c0; }
#main-index-post-info a:hover { color:#f0f4f8; }
#main-index-post-thumb { float:left; height:70px; width:70px; overflow:hidden; margin-top:3px; }
#main-index-post-thumb img { float:left; height:70px; width:auto; margin-left:-27px; }
#main-index-post-thumb-hover a { float:left; height:70px; width:70px; margin-left:-70px; margin-top:3px; }
#main-index-post-thumb-hover a:hover { background:url(../images/style3/ico-play.png) center no-repeat;
	 -webkit-animation-name:fadeIn; -moz-animation-name:fadeIn; animation:fadeIn;
     -webkit-animation-duration:0.2s; -moz-animation-duration:0.2s; animation-duration: 0.2s; }
#main-index-post-content p { float:right; margin-right:-2px; font-size:11px; width:215px; line-height:18px; color:#b0b8c0; }


/* 首页主体左边边的最新视频区域 */
#main-latest-movies { width:100%; float:left; background:#262a30; margin-top:10px; padding-bottom:17px; border-bottom:1px solid #353a41; }

#main-latest-movies-title { width:100%; float:left; height:32px; border-bottom:1px solid #353a41; margin-bottom:10px;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#main-latest-movies-title p { float:left; color:#c8d0d8; font-size:12px; line-height:32px; cursor:default; }
#main-latest-movies-title-ico { width:16px; height:16px; background:url(../images/style3/ico-video.png) no-repeat; background-size:contain; float:left; margin-left:10px; margin-top:8px; margin-right:5px; }
#main-latest-movies-title-ico2 { float:right; margin-top:8px; margin-right:10px; width:16px; height:16px; background:url(../images/style3/ico-down.png) center no-repeat; }

#main-latest-movies-all { float:left; width:auto; height:auto; margin-left:15px; margin-top:5px; }
#main-latest-movie { width:305px; float:left; margin-right:10px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #353a41; }
#main-latest-movie-thumb { float:left; }
#main-latest-movie-thumb img { float:left; width:124px; height:70px; }
#main-latest-movie-thumb-hover a { float:left; width:124px; height:70px; margin-left:-124px; position:relative; z-index:2; }
#main-latest-movie-thumb-hover a:hover { background:url(../images/style3/ico-play.png) center no-repeat;
	 -webkit-animation-name:fadeIn; -moz-animation-name:fadeIn; animation:fadeIn;
     -webkit-animation-duration:0.2s; -moz-animation-duration:0.2s; animation-duration: 0.2s; }
	 
#main-latest-movie-info { width:124px; height:70px; float:left; margin-left:-124px; }
#main-latest-movie-info p { color:#f0f4f8; float:left; font-size:11px; line-height:15px; margin-top:53px; background:rgba(0,0,0,0.8); padding:1px 5px 1px 5px; position:relative; z-index:5;  }
#main-latest-movie-info span { color:#b0b8c0; float:right; font-size:12px; line-height:16px; margin-top:50px; background:rgba(0,0,0,0.8); padding:2px 5px 2px 5px; position:relative; z-index:5; }
#main-latest-movie-con { float:right; width:175px; }
#main-latest-movie-con h2 a { float:left; text-align:left; margin-top:-3px; line-height:18px; font-size:13px; height:35px; color:#d0d8e0;
	width: -moz-calc(100% - 5px);
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px); }
#main-latest-movie-con h2 a:hover { color:#f0f4f8; }
#main-latest-movie-con p { float:left; width:100%; line-height:20px;  }
#main-latest-movie-con a { color:#b0b8c0; }
#main-latest-movie-con a:hover { color:#f0f4f8; }
#main-latest-movie-con div { float:left; width:16px; height:16px; margin-top:2px; } /*** 游戏小图标 ***/



/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */


/*    ---------------------- 侧边栏 右边 ----------------------       */
#sidebar-right { float:right; width:320px; margin:0; padding:0; } /*    ################# 侧边栏全部 ##################       */

/*** 侧边栏 视频分类列表 Channel ***/
#sidebar-channels { float:right; width:320px; background:#262a30; border-bottom:1px solid #353a41; padding-bottom:10px; margin-top:10px; }

#sidebar-channels-title { width:100%; float:left; height:32px; border-bottom:1px solid #353a41; margin-bottom:10px;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#sidebar-channels-title p { width:260px; float:left; color:#c8d0d8; font-size:12px; line-height:32px; cursor:default; }
#sidebar-channels-title-ico { float:left; margin-top:8px; margin-left:10px; margin-right:5px; width:16px; height:16px; background:url(../images/style3/ico-video.png) center no-repeat; background-size:contain; }
#sidebar-channels-title-ico2 { float:right; margin-top:8px; margin-right:10px; width:16px; height:16px; background:url(../images/style3/ico-down.png) center no-repeat; }

#sidebar-channels-all { width:300px; float:left; margin-left:9px; }
#sidebar-channels-nav div { border:1px solid #4a5058; margin:4px 5px; float:left; } /*** 游戏小图标 ***/
#sidebar-channels-nav a { width:300px; font-size:11px; font-family:Verdana, Geneva, sans-serif; height:26px; float:left; margin-bottom:-1px; border:1px solid #353a41; line-height:24px; color:#b8c0c8; }
#sidebar-channels-nav a:hover { color:#f0f4f8; background:#32363d; }
#sidebar-channels-nav span { float:right; margin-right:5px; line-height:24px; color:#a0a8b0; font-size:11px; }

/*** 侧边栏 Adv 图片 ***/
#sidebar-advimgs { float:right; width:320px; background:#262a30; border-bottom:1px solid #353a41; padding-bottom:10px; margin-top:10px; }
#sidebar-advimgs-all { float:left; width:302px; margin-left:9px; margin-top:10px; }
#sidebar-advimg-1 { float:left; width:300px; height:60px; background:url(../images/style3/sidebar-img1.png) center no-repeat; background-size:contain; border:1px solid #4a5058; margin-bottom:7px; }
#sidebar-advimg-2 { float:left; width:300px; height:60px; background:url(../images/style3/sidebar-img2.png) center no-repeat; background-size:contain; border:1px solid #4a5058; margin-bottom:7px; }
#sidebar-advimg-3 { float:left; width:300px; height:60px; background:url(../images/style3/sidebar-img3.png) center no-repeat; background-size:contain; border:1px solid #4a5058; }
#sidebar-advimgs-all div:hover { opacity:0.9; filter:alpha(opacity=90); }

/*** 侧边栏 Adv2 图片 ***/
#sidebar-advimgs2 { float:right; width:320px; background:#262a30; border-bottom:1px solid #353a41; padding-bottom:10px; margin-top:10px; }
#sidebar-advimgs2-all { float:left; width:302px; margin-left:9px; margin-top:10px; }
#sidebar-advimg2-1 { float:left; width:300px; height:60px; background:url(../images/style3/sidebar-img1.png) center no-repeat; background-size:contain; border:1px solid #4a5058; margin-bottom:7px; }
#sidebar-advimg2-2 { float:left; width:300px; height:60px; background:url(../images/style3/sidebar-img2.png) center no-repeat; background-size:contain; border:1px solid #4a5058; margin-bottom:0px; }
#sidebar-advimg2-3 { float:left; width:300px; height:60px; background:url(../images/style3/sidebar-img3.png) center no-repeat; background-size:contain; border:1px solid #4a5058; display:none; }
#sidebar-advimgs2-all div:hover { opacity:0.9; filter:alpha(opacity=90); }

/*** 侧边栏 Adv3 图片 ***/
#sidebar-advimgs3 { float:right; width:320px; background:#262a30; border-bottom:1px solid #353a41; padding-bottom:10px; margin-top:10px; }
#sidebar-advimgs3-all { float:left; width:302px; margin-left:9px; margin-top:10px; }
#sidebar-advimg3-1 { float:left; width:300px; height:100px; background:url(../images/style3/sidebar-img3-1.png) center no-repeat; background-size:contain; border:1px solid #4a5058; margin-bottom:7px; }
#sidebar-advimg3-2 { float:left; width:300px; height:100px; background:url(../images/style3/sidebar-img3-2.png) center no-repeat; background-size:contain; border:1px solid #4a5058; margin-bottom:7px; }
#sidebar-advimg3-3 { float:left; width:300px; height:100px; background:url(../images/style3/sidebar-img3-3.png) center no-repeat; background-size:contain; border:1px solid #4a5058; }
#sidebar-advimgs3-all div:hover { opacity:0.9; filter:alpha(opacity=90); }
/*** 侧边栏 高分作品列表 ***/
#sidebar-higrate { float:right; width:320px; background:#262a30; border-bottom:1px solid #353a41; padding-bottom:10px; margin-top:10px; }

#sidebar-higrate-title { width:100%; float:left; height:32px; border-bottom:1px solid #353a41; margin-bottom:10px;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#sidebar-higrate-title p { width:260px; float:left; color:#c8d0d8; font-size:12px; line-height:32px; cursor:default; }
#sidebar-higrate-title-ico { float:left; margin-top:8px; margin-left:10px; margin-right:5px; width:16px; height:16px; background:url(../images/style3/ico-sticky.png) center no-repeat; background-size:contain; }
#sidebar-higrate-title-ico2 { float:right; margin-top:8px; margin-right:10px; width:16px; height:16px; background:url(../images/style3/ico-down.png) center no-repeat; }

#sidebar-higrate-all { width:300px; float:left; margin-left:9px; }
#sidebar-higrate-single div { border:1px solid #4a5058; margin:4px 5px; float:left; } /*** 游戏小图标 ***/
#sidebar-higrate-single a { width:300px; font-size:11px; font-family:Verdana, Geneva, sans-serif; height:26px; float:left; margin-bottom:-1px; border:1px solid #353a41; line-height:24px; color:#b8c0c8; }
#sidebar-higrate-single a:hover { color:#f0f4f8; background:#32363d; }
#sidebar-higrate-single span { float:right; margin-right:5px; line-height:24px; color:#a0a8b0; font-size:11px; }

/*** 侧边栏 相关视频 ***/
#sidebar-relate { float:right; width:320px; background:#262a30; border-bottom:1px solid #353a41; margin-top:10px; }
#sidebar-relate-title { width:100%; float:left; height:32px; border-bottom:1px solid #353a41; margin-bottom:10px;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#sidebar-relate-title p { width:260px; float:left; color:#c8d0d8; font-size:12px; line-height:32px; cursor:default; }
#sidebar-relate-title-ico { float:left; margin-top:8px; margin-left:10px; margin-right:5px; width:16px; height:16px; background:url(../images/style3/ico-sticky.png) center no-repeat; background-size:contain; }
#sidebar-relate-title-ico2 { float:right; margin-top:8px; margin-right:10px; width:16px; height:16px; background:url(../images/style3/ico-down.png) center no-repeat; }

#sidebar-relate-all { float:left; width:300px; margin-left:10px; overflow:hidden; }
/*** 相关视频的主体还是用的 index 的最新视频的结构 ***/

/*** 侧边栏 相关内容 文章 ***/
#sidebar-relate-posts { float:right; width:320px; background:#262a30; padding-bottom:5px; border-bottom:1px solid #353a41; margin-top:10px; }

#sidebar-relate-post-content p { float:right; margin-right:-2px; margin-top:3px; font-size:11px; width:225px; height:54px; line-height:18px; color:#969da4; }
#sidebar-relate-post-readmore a { float:right; font-size:11px; color:#7fc1e8; }
#sidebar-relate-post-readmore a:hover { color:#f0f4f8; }
/*** 相关文章 沿用首页文章的结构

/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */


/*    ---------------------- single 视频播放 区域 ----------------------       */
#single-movie { width:100%; float:left; }
#single-movie-all { width:650px; float:left; height:535px; background:#262a30; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #353a41; }
#single-movie-title-all { width:100%; float:left; height:32px; border-bottom:1px solid #353a41; margin-bottom:10px;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#single-movie-title { float:left; }
#single-movie-title h2 { float:left; font-size:14px; line-height:32px; color:#b0b8c0; }
#single-movie-title div { float:left; margin-top:8px; margin-left:10px; margin-right:8px; border:1px solid #4a5058; } /*** 游戏小图标 ***/


/*    ---------------------- single 视频宽屏 16:9 标屏 4:3 切换 ----------------------       */
#single-wide-switch { float:right; }
#single-wide-switch a { float:right; }
#single-wide-switch-arrow-wide { float:right; border-left:1px solid #4a5058;
width:24px; height:32px; background:url(../images/style3/ico-right.png) center no-repeat; background-size:8px 11px; }

#single-wide-switch-arrow-wide:hover { background:#4a5058 url(../images/style3/ico-right.png) center no-repeat; background-size:8px 11px; }

#single-wide-switch-arrow-default { float:right; border-left:1px solid #4a5058;
 width:24px; height:32px; background:url(../images/style3/ico-left.png) center no-repeat; background-size:8px 11px; display:none; }
#single-wide-switch-arrow-default:hover { background:#4a5058 url(../images/style3/ico-left.png) center no-repeat; background-size:8px 11px; }

/*    ---------------------- single 视频线路 切换 ----------------------       */
#single-movie-switch { float:right; width:auto; }
#single-movie-switch p { float:left; line-height:32px; margin-left:5px; cursor:pointer; color:#b0b8c0; }
#single-movie-switch p:hover { color:#f0f4f8; }
#single-movie-switch-ico1 { float:left; z-index:2; margin-top:8px; width:16px; height:16px; background:url(../images/style3/ico-youtu.png) center no-repeat; background-size:contain; }
#single-movie-switch-ico2 { float:left; z-index:2; margin-top:8px; width:16px; height:16px; background:url(../images/style3/ico-youtu.png) center no-repeat; background-size:contain; }
#single-movie-switch-ico3 { float:left; z-index:2; margin-top:8px; width:16px; height:16px; background:url(../images/style3/ico-sd.png) center no-repeat; background-size:contain; }

.tab-nav { display:inline-block; float:left; z-index:1; cursor:pointer; width:auto; padding-left:8px; padding-right:8px; height:32px; border-left:1px solid #4a5058; }
.tab-nav:hover {
background-image: -moz-linear-gradient(top, #4a5058, #3e444c);
background-image: -ms-linear-gradient(top, #4a5058, #3e444c);
background-image: -o-linear-gradient(top, #4a5058, #3e444c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4a5058), to(#3e444c));
background-image: -webkit-linear-gradient(top, #4a5058, #3e444c);
background-image: linear-gradient(top, #4a5058, #3e444c); }

/* 选中状态 */
.tab-nav.tab-selected { color:#f0f4f8;
background-image: -moz-linear-gradient(top, #4a5058, #3e444c);
background-image: -ms-linear-gradient(top, #4a5058, #3e444c);
background-image: -o-linear-gradient(top, #4a5058, #3e444c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4a5058), to(#3e444c));
background-image: -webkit-linear-gradient(top, #4a5058, #3e444c);
background-image: linear-gradient(top, #4a5058, #3e444c); }
/* 面板默认隐藏 */
.tab-panel { display:none; float:left; width:100%; height:100%; }
/* 面板显示状态 */
.tab-panel.active { display: block; }

/*    ---------------------- single 视频 ----------------------       */
#single-movie-area { float:left; margin-left:10px;
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	height: -moz-calc(100% - 50px);
	height: -webkit-calc(100% - 50px);
	height: calc(100% - 50px); }
#single-movie-area iframe { width:100%; height:487px; overflow:hidden; }



/*    ---------------------- single 视频信息区域 全部 ----------------------       */
#single-movie-info-all { width:650px; float:left; height:auto; background:#262a30; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #353a41; }

#single-movie-info-title { width:100%; float:left; height:32px; border-bottom:1px solid #353a41; margin-bottom:10px;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#single-movie-info-title p { width:260px; float:left; color:#c8d0d8; font-size:12px; line-height:32px; cursor:default; }
#single-movie-info-title-ico { float:left; margin-top:8px; margin-left:10px; margin-right:5px; width:16px; height:16px; background:url(../images/style3/ico-video.png) center no-repeat; background-size:contain; }
#single-movie-info-title-ico2 { float:right; margin-top:8px; margin-right:10px; width:16px; height:16px; background:url(../images/style3/ico-down.png) center no-repeat; }

 /*** 视频信息区域 灰色底 ***/
#single-movie-info-box { float:left; width:608px; height:auto; background:#262a30; border:1px solid #262a30; padding:10px; margin-left:10px; margin-bottom:5px; }
#single-movie-info-thumb { float:right; border:3px solid #2f343c; outline:1px solid #4a5058; }
#single-movie-info-thumb img { float:right; width:260px; height:146px; }
 /*** 作者 时长 频道 标签 区域 ***/
#single-movie-info-p1 { float:left; width:330px; height:150px; line-height:24px; color:#a8b0b8; }
#single-movie-info-p1 a { color:#9aa1a9; }
#single-movie-info-p1 a:hover { color:#f0f4f8; }
/*** 评分 和 描述 区域 ***/
#single-movie-info-p2  { float:left; width:100%; min-height:342px; margin-top:20px; line-height:24px; color:#a8b0b8; }
#single-movie-info-rate { float:left; width:52px; height:42px; margin-top:5px; padding-left:2px; padding-right:2px; background:url(../images/style3/bg-rate.png) no-repeat; background-size:cover; }
#single-movie-info-rate p { color:#c8d0d8; font-size:24px; line-height:41px; text-align:center; cursor:default; }
#single-movie-info-description { float:right; width:530px; color:#b0b8c0; font-size:12px; line-height:22px; margin-right:10px; }
/*** 控制信息区域最小高度值 min-height ***/
#single-movie-info-music { float:left; width:100%; min-height:163px; margin-top:20px; margin-bottom:40px; color:#a8b0b8; font-size:12px; line-height:20px; word-wrap:break-word; word-break:normal; } /*** 修音乐列表正文字超框 ***/
#single-movie-info-music span { width:100%; float:left; font-size:13px; margin-bottom:5px; color:#c8d0d8; }

#single-movie-info-share { width:100%; float:left; height:30px; display:none; }

/*** 分享图标 style 3 ***/
#single-movie-info-share-icons { float:left; width:119px; height:16px; background:url(../images/style3/share-icons.png) center no-repeat; background-size:contain; margin-left:245px; margin-bottom:10px;
cursor:pointer; opacity:0.5; filter:alpha(opacity=50);  }
#single-movie-info-share-icons:hover { opacity:0.85; filter:alpha(opacity=85); }

/*** 观看作者其他视频链接 ***/
#single-movie-info-authormovie { float:left; width:320px; height:33px; margin-left:145px; margin-bottom:10px; background:#333841; font-size:11px; color:#b0b8c0; text-align:center; }
#single-movie-info-authormovie p { line-height:33px; }

/*    ---------------------- single 视频侧边栏 右边 ----------------------       */
#single-movie-channel { float:right; width:320px; margin:0; padding:0; } /*    ################# single 视频 channel 侧边栏 ##################       */


/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */

/*    ---------------------- single 文章 ----------------------       */
#single-post-all { width:650px; float:left; height:auto; background:#262a30; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #353a41; }

#single-post-title { float:left; }
#single-post-title h2 { float:left; font-size:14px; margin-left:10px; line-height:32px; color:#c8d0d8; }


/*** single 文章 内容 ***/
#single-post-content { float:left; min-height:1162px; margin-left:15px; margin-top:5px; color:#c8d0d8; padding-bottom:20px; border-bottom:1px solid #353a41;
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px); }
#single-post-content p { font-size:13px; line-height:24px; margin-bottom:10px; word-wrap:break-word; word-break:normal; color:#b8c0c8; }
#single-post-content iframe { width:100%; height:487px; overflow:hidden; margin-bottom:10px; }
#single-post-content img { max-width:620px; height:auto; }
block { height:20px; float:left; line-height:20px; padding:5px; padding-left:15px; margin-bottom:10px; margin-top:10px; background:#2f343c; border:1px solid #4a5058; color:#c0c8d0;
	width: -moz-calc(100% - 23px);
	width: -webkit-calc(100% - 23px);
	width: calc(100% - 23px); }

#single-post-info { float:left; font-size:12px; color:#a8b0b8; line-height:23px; margin-left:15px; margin-top:5px;
	width: -moz-calc(100% - 24px);
	width: -webkit-calc(100% - 24px);
	width: calc(100% - 24px); }
	
#single-post-info p { float:left; width:480px; }
#single-post-tag { float:left; width:100%; margin-top:0px; margin-bottom:10px; }
#single-post-tag a { color:#9aa1a9; }
#single-post-tag a:hover { color:#f0f4f8; }

.bdsharebuttonbox { display:none; }

/*** 分享图标 style 3 ***/
#single-post-info-share-icons { float:right; width:119px; height:16px; background:url(../images/style3/share-icons.png) center no-repeat; background-size:contain; margin-right:5px; margin-top:5px;
cursor:pointer; opacity:0.5; filter:alpha(opacity=50);  }
#single-post-info-share-icons:hover { opacity:0.85; filter:alpha(opacity=85); }

/*** single 文章 内容 中的分页样式 ***/
#spingle-post-content-next-pages { width:100%; float:left; font-size:14px; font-weight:bold; text-align:center; margin-top:60px; }
#spingle-post-content-next-pages a { margin-left:5px; margin-right:5px; color:#7fc1e8; }
#spingle-post-content-next-pages a:hover { color:#f0f4f8; }

/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ---------------------- single 页面 650px ----------------------       */
#single-page { width:100%; float:left; font-size:13px; }
#single-page-all { width:650px; float:left; height:auto; background:#262a30; margin-top:10px; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #2e3339; }

/*** single 页面 内容 ***/
#single-page-content { float:left; min-height:1281px; margin-left:15px; margin-top:5px; color:#c8d0d8; padding-bottom:20px;
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px); }
	
#single-page-content h1 { margin-bottom:10px; color:#9da3aa; }
#single-page-content h2 { margin-bottom:10px; color:#9da3aa; }
#single-page-content h3 { margin-bottom:10px; color:#9da3aa; }
#single-page-content h4 { margin-bottom:10px; color:#9da3aa; }
#single-page-content h5 { margin-bottom:10px; color:#9da3aa; }
#single-page-content h6 { margin-bottom:10px; color:#9da3aa; }
#single-page-content p { float:left; width:100%; height:auto; font-size:13px; line-height:24px; margin-bottom:10px; color:#b8c0c8; }	
#single-page-content img { max-width:620px; height:auto; }

/*    ---------------------- single 页面full 980px ----------------------       */
#single-page-fullwidth { width:980px; float:left; height:auto; background:#262a30; margin-top:10px; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #353a41; }

/*    ---------------------- single 关于页面 About Page ----------------------       */
#single-page-about-top-img { float:left; width:100%; height:200px; background:url(../images/style3/about-banner.jpg) no-repeat top; background-size:contain; margin-bottom:20px;
opacity:0.85; filter:alpha(opacity=85); filter:grayscale(40%); }

#single-page-about-mail { float:left; width:160px; height:20px; background:url(../images/style3/mail.png) no-repeat; }
#single-page-about-cc { float:left; width:240px; height:80px; background:url(../images/style3/index-cc2.png) no-repeat; background-size:contain; }

/*    ---------------------- single 留言板页面 Guest Book ----------------------       */
#single-page-guestbook-top-img  { float:left; width:100%; height:200px; background:url(../images/style3/guestbook-img.jpg) no-repeat; background-size:contain; margin-bottom:20px;
opacity:0.85; filter:alpha(opacity=85); filter:grayscale(40%); }

/*    ---------------------- single 视频比赛归档页面 contest list ----------------------       */
#single-page-contest-single { width:280px; margin:15px; float:left; padding-top:10px; font-size:12px; }
#single-page-contest-single li { float:left; width:100%; text-align:left; font-size:11px; color:#b0b8c0; }
#single-page-contest-single li p { float:left; width:10px; height:5px; line-height:20px; margin-right:5px; font-size:12px; color:#d0d8e0; } /*** 列表的数字 ***/
#single-page-contest-single li a { font-weight:bold; font-size:12px; color:#7fc1e8; }
#single-page-contest-single li a:hover { color:#f0f4f8; }
#single-page-contest-single li div { border:1px solid #4a5058; margin-right:5px; } /*** 游戏小图标 ***/

/*    ---------------------- single 页面 游戏列表 团队 Game List ----------------------       */
#single-page-game-list-all { float:left; width:280px; margin-left:20px; margin-top:10px; padding-bottom:13px; line-height:24px; }
#single-page-game-list-single { width:100%; float:left; margin-bottom:-1px; padding:8px; border:1px solid #4a5058; font-size:12px; color:#b0b8c0; }
#single-page-game-list-single span { width:auto; font-size:12px; float:right; margin-right:5px; color:#a0a8b0; }
#single-page-game-list-single div { border:1px solid #4a5058; margin:3px 5px; float:left; } /*** 游戏小图标 ***/
#single-page-game-list-single a { color:#b8c0c8; }
#single-page-game-list-single a:hover { color:#f0f4f8; }

#single-page-game-list-all2 { float:right; width:240px; margin-right:20px; margin-top:10px; padding-bottom:0; line-height:18px; border:1px solid #4a5058; background:#262a30; }
#single-page-game-list-all2 li { float:left; width:100%; padding-bottom:6px; border-bottom:1px solid #353a41; color:#b0b8c0; }
#single-page-game-list-all2 li:first-child { padding-top:6px; }
#single-page-game-list-all2 li:last-child { margin-bottom:0; border-bottom:0; }
#single-page-game-list-all2 a  { float:left; width:100%; margin-left:20px; font-size:12px; color:#b8c0c8; }
#single-page-game-list-all2 a:hover { color:#f0f4f8; }
#single-page-game-list-all2 span { float:right; margin-right:40px; color:#a0a8b0; }

/*    ---------------------- single 404 错误页面 ----------------------       */
#single-page-error-404 { float:left; width:100%; height:auto; margin-top:60px; margin-bottom:130px; }
#single-page-error-404-img { width:400px; height:300px; background:url(../images/style3/error.png) no-repeat; background-size:contain; }

/*    ---------------------- single 页面 标签云 ----------------------       */
#single-page-tag-clouds { float:left; width:100%; }
#single-page-tag-clouds a { float:left; font-size:13px; padding:7px; color:#b0b8c0; }
#single-page-tag-clouds a:hover { color:#f0f4f8; }
#single-page-tag-clouds strong { font-size:10px; font-weight:normal; margin-left:2px; color:#8a929a; }

/*    ---------------------- single 页面 高分作品 前 100 个视频 ----------------------       */
#single-page-higrate-movie div { border:1px solid #4a5058; margin:3px 5px; float:left; } /*** 游戏小图标 ***/
#single-page-higrate-movie a { width:300px; font-size:11px; height:26px; float:left; margin-right:5px; margin-left:5px; background:#262a30; border-bottom:1px solid #353a41; line-height:24px; color:#b8c0c8; }
#single-page-higrate-movie a:hover { background:#32363d; color:#f0f4f8; }
#single-page-higrate-movie p { width:230px; height:24px; float:left; overflow:hidden; font-size:12px; color:#b8c0c8; }
#single-page-higrate-movie p:hover { color:#f0f4f8; }
#single-page-higrate-movie span { float:right; margin-right:5px; line-height:24px; font-size:11px; color:#a0a8b0; }

/*    ---------------------- single 页面 高分作品 前 100 个视频 带略缩图 ----------------------       */
#single-page-fullwidth-higrate-movies { float:left; width:960px; margin-left:5px; margin-top:5px; margin-bottom:10px; }

/*    ---------------------- single 页面 最近更新的视频 ----------------------       */
#single-page-recent-movie-all { float:left; margin-left:20px; margin-top:10px; padding-bottom:13px; line-height:24px;
	width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px); }
#single-page-recent-movie-single { width:100%; float:left; margin-bottom:-1px; padding:8px; border:1px solid #4a5058; font-size:11px; color:#b0b8c0; background:#262a30; }
#single-page-recent-movie-single span { width:20%; font-size:12px; float:right; color:#a0a8b0; }
#single-page-recent-movie-single div { border:1px solid #4a5058; margin:3px 5px; float:left; } /*** 游戏小图标 ***/
#single-page-recent-movie-single a { color:#b0b8c0; }
#single-page-recent-movie-single a:hover { color:#f0f4f8; }


/*    ---------------------- single 页面 链接列表 ----------------------       */
#single-page-linkpage { float:left; width:86%; padding:7%; padding-top:0px; padding-bottom:0px; }
#single-page-linkpage ul { list-style-type:none; overflow:auto; }
#single-page-linkpage ul img { border-radius:3px; width:88px; height:31px; }
#single-page-linkpage ul img:hover { opacity:0.5; filter:alpha(opacity=50); }
#single-page-linkpage ul li { color:#a0a8b0; margin-bottom:5px; font-size:12px; font-weight:bold; }
#single-page-linkpage ul li ul li { float:left; width:120px; text-align: center; margin:7px 5px; line-height:180%; font-size:10px; font-weight:normal; }
#single-page-linkpage ul li ul li a { text-decoration:none; color:#b8c0c8; display:block; }
#single-page-linkpage ul li ul li a:hover { font-weight:bold; color:#f0f4f8; }
#single-page-linkpage .linkcat { margin-top:30px; }

/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ---------------------- single 页面 评论区样式 ----------------------       */
.commentlist .comment-body { float:left; padding:10px; margin:5px 0; border:1px solid #353a41; background:#262a30; color:#b8c0c8; }
.commentlist .comment-body .avatar { 
float:left; border:1px solid #4a5058; width:32px; height:32px; margin-right:10px;
 background-image:url(../images/style3/de-avatar.png); background-size:cover; }
.commentlist li.comment ul.children { margin:8px 0 8px 25px; }

#single-page-content input { float:left; font-size:14px; padding:3px; margin-right:10px; line-height:20px; background:#363b42; border:1px solid #4a5058; color:#b0b8c0; }
#wp_seccode input { line-height:20px; width:55px; margin-right:5px; padding:3px; border:1px solid #4a5058; background:#363b42; color:#b0b8c0; }

/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */


/*    ---------------------- 分类 视频 区域 ----------------------       */
#category-movies { width:650px; float:left; height:auto; }

#category-movie-all { width:100%; float:left; height:auto; background:#262a30; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #353a41; }

/* 分类 视频主体左边 小标题 */
#category-movie-title { width:100%; float:left; height:32px; border-bottom:1px solid #353a41; margin-bottom:10px;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#category-movie-title p { float:left; color:#c8d0d8; font-size:12px; line-height:32px; cursor:default; }
#category-movie-title-ico { width:16px; height:16px; background:url(../images/style3/ico-video.png) no-repeat; background-size:contain; float:left; margin-left:10px; margin-top:8px; margin-right:5px; }
#category-movie-title-ico2 { float:right; margin-top:8px; margin-right:10px; width:16px; height:16px; background:url(../images/style3/ico-down.png) center no-repeat; }
/*** 搜索页面 结果标题的小图标 放大镜 ***/
#category-movie-title-ico-search { width:11px; height:11px; background:url(../images/style3/ico-search.png) no-repeat; background-size:contain; float:left; margin-left:11px; margin-top:11px; margin-right:5px; }

/*** 分类 视频  样式 ***/
#category-movie { float:left; width:618px; border:1px solid #353a41; margin-left:15px; margin-bottom:10px; background:#363b42; }
#category-movie-info { width:180px; float:left; height:119px; line-height:14px; }
#category-movie-info p { float:left; background:rgba(0,0,0,0.8); padding:2px 5px 2px 5px; color:#b0b8c0; margin-top:-22px; position:relative; z-index:5; }
#category-movie-info span { float:right; background:rgba(0,0,0,0.8); padding:2px 5px 2px 5px; color:#b0b8c0; margin-top:-22px; position:relative; z-index:5; }
#category-movie-thumb { float:left; width:180px; height:101px; margin:5px; margin-right:0; overflow:hidden; }
#category-movie-thumb-hover a { float:left; width:180px; height:101px; margin-left:-180px; margin-top:5px; position:relative; z-index:2; }
#category-movie-thumb-hover a:hover { background:url(../images/style3/ico-play.png) center no-repeat;
	 -webkit-animation-name:fadeIn; -moz-animation-name:fadeIn; animation:fadeIn;
     -webkit-animation-duration:0.2s; -moz-animation-duration:0.2s; animation-duration: 0.2s; }
	 
#category-movie-content { width:420px; float:right; margin:5px; margin-left:0; line-height:24px; color:#b0b8c0; }
#category-movie-content img { float:left; margin-top:6px; }
#category-movie-content h2 a { width:420px; font-size:15px; float:left; height:30px; color:#c8d0d8; }
#category-movie-content h2 a:hover { color:#f0f4f8; }
#category-movie-content a { color:#b0b8c0; }
#category-movie-content a:hover { color:#f0f4f8; }
#category-movie-ico div { margin-top:4px; }  /*** 分类视频 游戏小图标 位置控制 ***/

#category-movie-rate { width:42px; height:32px; float:right; margin-top:5px; background:url(../images/style3/bg-rate.png) no-repeat; background-size:cover; }
#category-movie-rate p { color:#d0d8e0; font-size:18px; line-height:31px; text-align:center; cursor:default; }
#category-movie-tags { float:left; height:24px; overflow:hidden;
	width: -moz-calc(100% - 5px);
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px); }
#category-movie-tags a { color:#b0b8c0; }
#category-movie-tags a:hover { color:#f0f4f8; }

/*    ---------------------- 分类 文章 区域 全部 ----------------------       */
#category-posts { width:650px; float:left; height:auto; }

#category-post-all { width:100%; float:left; height:atuo; background:#262a30; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #353a41; }

/* 分类 文章主体左边 小标题 */
#category-post-all-title { width:100%; float:left; height:32px; border-bottom:1px solid #353a41; margin-bottom:5px;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#category-post-all-title p { float:left; color:#c8d0d8; font-size:12px; line-height:32px; cursor:default; }
#category-post-all-title-ico { width:16px; height:16px; background:url(../images/style3/ico-sticky.png) no-repeat; background-size:contain; float:left; margin-left:12px; margin-top:8px; margin-right:5px; }
#category-post-all-title-ico2 { float:right; margin-top:8px; margin-right:10px; width:16px; height:16px; background:url(../images/style3/ico-down.png) center no-repeat; }


/*** 分类 文章  样式 ***/
#category-post { width:620px; float:left; margin-left:15px; padding-bottom:10px; border-bottom:1px solid #353a41; }
#category-post-title { float:left; width:100%; margin-left:-8px; margin-top:5px; }
#category-post-title h2 { font-size:15px; color:#c8d0d8; }
#category-post-title h2 a { color:#c8d0d8; }
#category-post-title h2 a:hover { color:#f0f4f8; }

#category-post-info { width:180px; float:left; height:119px; }
#category-post-info p { float:left; background:rgba(0,0,0,0.8); padding:2px 5px 2px 5px; color:#b0b8c0; margin-top:-22px; position:relative; z-index:5; }
#category-post-info span { float:right; background:rgba(0,0,0,0.8); padding:2px 5px 2px 5px; color:#b0b8c0; margin-top:-22px; position:relative; z-index:5; }
#category-post-thumb { float:left; width:180px; height:101px; margin:5px 0 5px 0; overflow:hidden; }
#category-post-thumb img { float:left; width:180px; height:101px; }
#category-post-thumb-hover a { float:left; width:180px; height:101px; margin-left:-180px; margin-top:5px; position:relative; z-index:2; }
#category-post-thumb-hover a:hover { background:url(../images/style3/ico-play.png) center no-repeat;
	 -webkit-animation-name:fadeIn; -moz-animation-name:fadeIn; animation:fadeIn;
     -webkit-animation-duration:0.2s; -moz-animation-duration:0.2s; animation-duration: 0.2s; }
	 
#category-post-content { width:430px; height:85px; float:right; margin:-2px 0 5px 0; line-height:24px; color:#b0b8c0; }
#category-post-author  {float:left; width:100%; font-size:11px; margin-top:2px; color:#a0a8b0; }
#category-post-tags { float:right; text-align:right; width:430px; height:18px; overflow:hidden; }
#category-post-tags a { color:#b0b8c0; }
#category-post-tags a:hover { color:#f0f4f8; }

/*** tag 搜索结果 文章  样式 ***/
#category-archive-content { width:425px; height:85px; float:right; line-height:24px; color:#b0b8c0; }
#category-archive-content h2 { width:425px; font-size:15px; float:left; margin-top:5px; height:52px; }
#category-archive-content a { color:#c8d0d8; }
#category-archive-content a:hover { color:#f0f4f8; }


/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */


/* 分页导航 样式*/
#wpagenavi{ float:right; width:620px; margin-top:10px; text-align:center; font-size:12px; margin-bottom:10px; }
#wpagenavi a { margin-left:3px; margin-right:3px; }
#wpagenavi a:link, .wpagenavi a:visited{ padding:4px 12px; text-decoration:none; background:#3a4048; margin-left:1px; color:#b8c0c8!important; border:1px solid #4a5058; border-radius:3px; }
#wpagenavi a:hover, .wpagenavi a:active{ color:#f0f4f8; background:#5a626c; overflow:hidden; }
#wpagenavi a.extend{ padding:4px 12px; color:#a0a8b0; }
#wpagenavi a.extend:hover{ color:#f0f4f8 !important; }
#wpagenavi a.current, .wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ font-weight:bold; padding:4px 12px; background:#3a4048; color:#c8d0d8 !important; border:1px solid #5a626c; border-radius:3px; }
#wpagenavi span{ margin:0 3px; padding:0 4px; color:#a0a8b0; }
#postnavi{ padding:10px 0px; line-height:24px; color:#b0b8c0; }


/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */


/*    ---------------------- 首页底部 footer 区域 ----------------------       */
#index-footer-all { width:100%; float:left; border-top:1px solid #383c42; border-bottom:1px solid #363b42; padding-top:5px; padding-bottom:5px; margin-top:10px; margin-bottom:10px;
background-image: -moz-linear-gradient(top, #2f343c, #2f343c);
background-image: -ms-linear-gradient(top, #2f343c, #2f343c);
background-image: -o-linear-gradient(top, #2f343c, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#2f343c), to(#2f343c));
background-image: -webkit-linear-gradient(top, #2f343c, #2f343c);
background-image: linear-gradient(top, #2f343c, #2f343c); }
#index-footer { float:left; line-height:35px; width:100%; height:35px; border-top:1px solid #42474e;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#index-footer p { font-size:11px; margin-left:20px; color:#b0b8c0; }
#index-footer a { color:#c8d0d8; }
#index-footer a:hover { color:#f0f4f8; }

#index-footer-pages { width:100%; float:left; margin-bottom:20px; }
#index-footer-pages-logo { float:left; background:url(../images/style3/footer-logo.png) no-repeat; background-size:contain; width:200px; height:100px; margin-left:40px; margin-top:40px; margin-bottom:20px; }  /* logo预留 */

#index-footer-pages-content { width:110px; float:right; margin-top:10px; margin-right:50px; }
#index-footer-pages-content h3 { text-align:right; margin-bottom:10px; }
#index-footer-pages-content a { color:#838d97; }
#index-footer-pages-content a:hover { color:#f0f4f8; }
#index-footer-pages-content a { font-weight:normal; width:100%; float:right; font-size:12px; line-height:22px; }


/*    ---------------------- 短代码 样式 ----------------------       */
/* 视频已失效 */
#shortcode-video-failure { float:left; width:100%; height:487px; background:url(../images/noise-bg.gif) repeat; background-size:cover; margin-bottom:10px; }
#shortcode-video-failure h1 { margin-top:220px; color:#c8d0d8; }

/* post 视频切换功能 */
#post-video-tab { float:left; border:1px solid #353a41; margin-top:10px; margin-bottom:10px;
width: -moz-calc(100% - 2px);
width: -webkit-calc(100% - 2px);
width: calc(100% - 2px);
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c); }
#post-video-tab-title { float:left; height:32px; }
#post-video-tab-title p { width:auto; float:left; line-height:30px; color:#c8d0d8; }
#post-video-switch { float:right; width:auto; overflow:hidden; }
	 
/*** post 视频切换按钮 样式 ***/
#post-tabnav { clear:both; zoom:1; float:right; width:auto; height:32px; margin-right:10px; font-size:12px; border-right:1px solid #353a41;
  -webkit-transition: all 150ms ease-in-out 0s;
  -moz-transition: all 150ms ease-in-out 0s;
  -ms-transition: all 150ms ease-in-out 0s;
  -o-transition: all 150ms ease-in-out 0s;
  transition: all 150ms ease-in-out 0s; }
#post-tabnav li { float:left; cursor:pointer; list-style:none; z-index:1; padding-left:8px; padding-right:8px; height:32px; border-left:1px solid #353a41; }
#post-tabnav p { float:left; margin-top:4px; margin-left:5px; font-size:12px; color:#b0b8c0; }
#post-tabnav li:hover { 
background-image: -moz-linear-gradient(top, #4a5058, #3e444c);
background-image: -ms-linear-gradient(top, #4a5058, #3e444c);
background-image: -o-linear-gradient(top, #4a5058, #3e444c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4a5058), to(#3e444c));
background-image: -webkit-linear-gradient(top, #4a5058, #3e444c);
background-image: linear-gradient(top, #4a5058, #3e444c); }
#post-tabnav .selected { position:relative; cursor:default; display:block;
background-image: -moz-linear-gradient(top, #4a5058, #3e444c);
background-image: -ms-linear-gradient(top, #4a5058, #3e444c);
background-image: -o-linear-gradient(top, #4a5058, #3e444c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4a5058), to(#3e444c));
background-image: -webkit-linear-gradient(top, #4a5058, #3e444c);
background-image: linear-gradient(top, #4a5058, #3e444c); }
#post-tabnav .selected:hover { cursor:default; }
#post-tabnav .selected p { color:#f0f4f8; }
#post-tabnav .selected p:hover { color:#f0f4f8; }

/*** post 视频切换 区域 ***/
#post-tab-content { float:left; width:100%; height:auto; }
#post-tab-content .hide{ display:none; }
#post-tab-content ul { float:left; width:100%; }
#post-tab-content ul li{ overflow:hidden; display:block; }


/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */


/* 主题切换 */
#mian-page-style img { border:3px solid #3a4048; outline:1px solid #4a5058; }
#mian-page-style a { float:left; width:60px; margin-left:90px; padding:5px; text-align:center; margin-top:10px; color:#b8c0c8;
background-image: -moz-linear-gradient(top, #353a42, #2f343c);
background-image: -ms-linear-gradient(top, #353a42, #2f343c);
background-image: -o-linear-gradient(top, #353a42, #2f343c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#353a42), to(#2f343c));
background-image: -webkit-linear-gradient(top, #353a42, #2f343c);
background-image: linear-gradient(top, #353a42, #2f343c);}
#mian-page-style a:hover { color:#f0f4f8;
background-image: -moz-linear-gradient(top, #4a5058, #3e444c);
background-image: -ms-linear-gradient(top, #4a5058, #3e444c);
background-image: -o-linear-gradient(top, #4a5058, #3e444c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4a5058), to(#3e444c));
background-image: -webkit-linear-gradient(top, #4a5058, #3e444c);
background-image: linear-gradient(top, #4a5058, #3e444c); }

/* 主题切换 */
#mian-page-style .style { opacity:1.0; filter:alpha(opacity=100); }
#mian-page-style .active-style { font-size:0.75em; background:none; display:none; }

#mian-page-style .style2 { opacity:1.0; filter:alpha(opacity=100); }
#mian-page-style .active-style2 { font-size:0.75em; background:none; display:none; }

#mian-page-style .style3 { opacity:0.0; filter:alpha(opacity=0); cursor:default; }
#mian-page-style .active-style3 { font-size:0.75em; background:none; display:block; }