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

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

/* 输入框样式 */
input { 
color:#cccccc; 
background:rgba(40,40,40,1.0); 
}
input:focus { 
background:rgba(50,50,50,1.0); 
color:#dddddd; 
}

/* 链接文字颜色 */
a { color:#00a5cc; }
a:hover { color:#cccccc; }  /* 悬停变亮 */

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

span,li,ul,p { color:#bbbbbb; }  /* 文本颜色 */

/* 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:#dddddd; }
dd { margin-bottom:1.625em; }
strong { font-weight:bold; color:#dddddd; }
small { font-size:0.75em; }
big { font-size:1.4em; }
gray { color:#888888; }
red { color:#eb7350; }

/* 所有区域 预留样式 */
#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-cs { width:16px; height:16px; float:left; background:url(../images/style1/ico/cs.png) no-repeat; }
#small-ico-cskz { width:16px; height:16px; float:left; background:url(../images/style1/ico/cskz.png) no-repeat; }
#small-ico-css { width:16px; height:16px; float:left; background:url(../images/style1/ico/css.png) no-repeat; }
#small-ico-csgo { width:16px; height:16px; float:left; background:url(../images/style1/ico/csgo.png) no-repeat; }
#small-ico-quake { width:16px; height:16px; float:left; background:url(../images/style1/ico/quake.png) no-repeat; }
#small-ico-cod4 { width:16px; height:16px; float:left; background:url(../images/style1/ico/cod4.png) no-repeat; }
#small-ico-ops { width:16px; height:16px; float:left; background:url(../images/style1/ico/ops.png) no-repeat; }
#small-ico-tf2 { width:16px; height:16px; float:left; background:url(../images/style1/ico/tf2.png) no-repeat; }
#small-ico-cf { width:16px; height:16px; float:left; background:url(../images/style1/ico/cf.png) no-repeat; }
#small-ico-bf { width:16px; height:16px; float:left; background:url(../images/style1/ico/bf.png) no-repeat; }
#small-ico-movie { width:16px; height:16px; float:left; background:url(../images/style1/ico/movie.png) no-repeat; }
#small-ico-making-of { width:16px; height:16px; float:left; background:url(../images/style1/ico/making-of.png) no-repeat; }
#small-ico-topic { width:16px; height:16px; float:left; background:url(../images/style1/ico/topic.png) no-repeat; }
#small-ico-tutorial { width:16px; height:16px; float:left; background:url(../images/style1/ico/tutorial.png) no-repeat; }

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

/*    ---------------------- 头部 菜单 ----------------------       */
#menu-all { width:100%; margin:0; }
#menu-box { width:980px; margin:0 auto; height:auto; border-radius:5px; }

#menu-top { width:100%; float:left; height:34px; border-bottom:1px solid #444444; border-top:1px solid #2a2a2a; border-radius:5px 5px 0 0;
background-image: -moz-linear-gradient(top, #333333, #2a2a2a);
background-image: -ms-linear-gradient(top, #333333, #2a2a2a);
background-image: -o-linear-gradient(top, #333333, #2a2a2a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#2a2a2a));
background-image: -webkit-linear-gradient(top, #333333, #2a2a2a);
background-image: linear-gradient(top, #333333, #2a2a2a); }
#menu-top span { line-height:34px; float:left; margin-left:10px; color:#bbbbbb; }
#menu-top-ico { float:left; background:url(../images/style1/ico-attach.png) no-repeat; 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:#bbbbbb; }
#menu-top-right a:hover { border-radius:5px; color:#ffffff; border-top:1px solid #555555;
background-image: -moz-linear-gradient(top, #555555, #444444);
background-image: -ms-linear-gradient(top, #555555, #444444);
background-image: -o-linear-gradient(top, #555555, #444444);
background-image: -webkit-gradient(linear, center top, center bottom, from(#555555), to(#444444));
background-image: -webkit-linear-gradient(top, #555555, #444444);
background-image: linear-gradient(top, #555555, #444444); }

#menu-bg { float:left; width:100%; height:90px; background:url(../images/style1/menu-bg.png) no-repeat top; }
#menu-logo {}  /* logo预留 */
#menu-sponsor {} /* banner 预留 */

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

/* 主菜单 区域 */
#menu-main { float:left; width:100%; border-radius:0 0 5px 5px;
background-image: -moz-linear-gradient(top, #2d2d2d, #222222);
background-image: -ms-linear-gradient(top, #2d2d2d, #222222);
background-image: -o-linear-gradient(top, #2d2d2d, #222222);
background-image: -webkit-gradient(linear, center top, center bottom, from(#2d2d2d), to(#222222));
background-image: -webkit-linear-gradient(top, #2d2d2d, #222222);
background-image: linear-gradient(top, #2d2d2d, #222222); }
#menu-main-nav { float:left; width:960px; padding-bottom:5px; padding-left:10px; padding-right:10px; margin-left:-5px; }
#menu-main-nav a { float:left; font-size:12px; line-height:20px; padding:12px 7px 3px 7px; margin-left:10px; margin-right:5px; border-radius:0px 0 5px 5px; color:#bbbbbb; }
#menu-main-nav a:hover { color:#ffffff;
background-image: -moz-linear-gradient(top, #ffae00, #ff8a00);
background-image: -ms-linear-gradient(top, #ffae00, #ff8a00);
background-image: -o-linear-gradient(top, #ffae00, #ff8a00);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffae00), to(#ff8a00));
background-image: -webkit-linear-gradient(top, #ffae00, #ff8a00);
background-image: linear-gradient(top, #ffae00, #ff8a00); }
#menu-main-nav-line { float:left; height:1px; width:940px; margin-left:10px; margin-top:5px; background:#444444; }

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

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

/* 主菜单子菜单 热门关键词 区域 */
#menu-main-tags { float:left; width:960px; height:10px; padding:15px 10px 15px 10px; border-bottom:1px solid #444444; border-radius:0 0 5px 5px; }
#menu-main-tags-title { float:left; margin-left:5px; margin-top:-10px; padding:3px 0 3px 5px; color:#aaaaaa; display:none; }
#menu-main-tags a { float:left; margin-left:5px; margin-top:-10px; padding:3px 5px 3px 5px; color:#bbbbbb; }
#menu-main-tags a:hover { border-radius:5px; color:#ffffff; border-top:1px solid #555555;
background-image: -moz-linear-gradient(top, #555555, #444444);
background-image: -ms-linear-gradient(top, #555555, #444444);
background-image: -o-linear-gradient(top, #555555, #444444);
background-image: -webkit-gradient(linear, center top, center bottom, from(#555555), to(#444444));
background-image: -webkit-linear-gradient(top, #555555, #444444);
background-image: linear-gradient(top, #555555, #444444); }

/* 主菜单 搜索块 区域 */
#menu-main-search { float:right; width:278px; margin-top:-52px; margin-right:10px; }
#menu-main-search-ico { float:left; position:relative; z-index:2; margin-top:8px; width:11px; height:11px; background:url(../images/style1/ico-search.png) no-repeat; }
#search input { width:186px; height:22px; border:1px solid #555555; color:#cccccc; font-size:12px; padding-left:25px; font-family:Microsoft YaHei,Verdana, Arial; border-radius:5px;
margin-left:-21px;
background-image: -moz-linear-gradient(top, #333333, #3a3a3a);
background-image: -ms-linear-gradient(top, #333333, #3a3a3a);
background-image: -o-linear-gradient(top, #333333, #3a3a3a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#3a3a3a));
background-image: -webkit-linear-gradient(top, #333333, #3a3a3a);
background-image: linear-gradient(top, #333333, #3a3a3a); }
#search input:focus { border:1px solid #ff8b00; }
	 
#search .submit { float:right; border:1px solid #555555; cursor:pointer; width:68px; height:26px; color:#cccccc; border-radius:5px; margin-left:5px;
background-image: -moz-linear-gradient(top, #3a3a3a, #333333);
background-image: -ms-linear-gradient(top, #3a3a3a, #333333);
background-image: -o-linear-gradient(top, #3a3a3a, #333333);
background-image: -webkit-gradient(linear, center top, center bottom, from(#3a3a3a), to(#333333));
background-image: -webkit-linear-gradient(top, #3a3a3a, #333333);
background-image: linear-gradient(top, #3a3a3a, #333333); }
#search .submit:hover { color:#ff8b00; border:1px solid #ff8b00;
background-image: -moz-linear-gradient(top, #444444, #3a3a3a);
background-image: -ms-linear-gradient(top, #444444, #3a3a3a);
background-image: -o-linear-gradient(top, #444444, #3a3a3a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#444444), to(#3a3a3a));
background-image: -webkit-linear-gradient(top, #444444, #3a3a3a);
background-image: linear-gradient(top, #444444, #3a3a3a); }

/*    ---------------------- 内容主体 ----------------------       */
#main-all { width:100%; margin:0; }
#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:#2a2a2a; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #444444; border-radius:5px; }

/* 首页主体左边 小标题 */
#main-index-title { width:100%; float:left; height:32px; border-bottom:1px solid #444444; margin-bottom:10px; border-radius:5px 5px 0 0;
background-image: -moz-linear-gradient(top, #333333, #2a2a2a);
background-image: -ms-linear-gradient(top, #333333, #2a2a2a);
background-image: -o-linear-gradient(top, #333333, #2a2a2a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#2a2a2a));
background-image: -webkit-linear-gradient(top, #333333, #2a2a2a);
background-image: linear-gradient(top, #333333, #2a2a2a); }
#main-index-title p { float:left; color:#bbbbbb; font-size:12px; line-height:32px; cursor:default; }
#main-index-title-ico { width:16px; height:16px; background:url(../images/style1/ico-fav.ico) no-repeat; 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/style1/ico-down.png) center no-repeat; }

/* 首页主体左边 小幻灯片 */
#main-index-slideshow { width:320px; float:left; height:185px; margin-left:15px; margin-bottom:10px; }

/* 首页主体左边 宣传文字 */
#main-index-description { width:320px; float:left; height:auto; margin-left:15px; }
#main-index-description-p1 { float:left; background:#333333; width:310px; padding:5px 5px 10px 5px; border-radius:5px; }
#main-index-description-p2 { float:left; width:300px; padding:10px; line-height:20px; color:#cccccc; }
#main-index-description-p2-icons { width:300px; height:42px; background:url(../images/style1/index-icons.png) no-repeat center; padding-top:10px; }
#main-index-description-p2-cc { width:80px; height:28px; background:url(../images/style1/index-cc.png) no-repeat center; margin-top:20px; margin-bottom:3px; }
#main-index-description-p3 { float:left; background:#2d2d2d; width:290px; padding:5px 5px 5px 5px; border-radius:5px; margin-top:3px; }
#main-index-description-p3-ico { width:24px; height:24px; float:left; background:url(../images/style1/ico-info.png) no-repeat; margin-top:5px; }
#main-index-description-p3 p { margin-top:19px; margin-left:27px; color:#bbbbbb; }

/* 首页主体右边的文章 */
#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 #444444; }
#main-index-post h2 a { font-size:13px; color:#dddddd; }
#main-index-post h2 a:hover { color:#00a5cc; }
#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-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/style1/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:#bbbbbb; }

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

#main-latest-movies-title { width:100%; float:left; height:32px; border-bottom:1px solid #444444; margin-bottom:10px; border-radius:5px 5px 0 0;
background-image: -moz-linear-gradient(top, #333333, #2a2a2a);
background-image: -ms-linear-gradient(top, #333333, #2a2a2a);
background-image: -o-linear-gradient(top, #333333, #2a2a2a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#2a2a2a));
background-image: -webkit-linear-gradient(top, #333333, #2a2a2a);
background-image: linear-gradient(top, #333333, #2a2a2a); }
#main-latest-movies-title p { float:left; color:#bbbbbb; font-size:12px; line-height:32px; cursor:default; }
#main-latest-movies-title-ico { width:16px; height:16px; background:url(../images/style1/ico-video.png) no-repeat; 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/style1/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 #444444; }
#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/style1/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:#ffffff; float:left; font-size:11px; line-height:15px; margin-top:53px; background:rgba(0,0,0,0.8); padding:1px 2px 1px 2px; position:relative; z-index:5;  }
#main-latest-movie-info span { color:#ffffff; float:right; font-size:12px; line-height:16px; margin-top:50px; background:rgba(0,0,0,0.8); padding:2px 3px 2px 3px; position:relative; z-index:5; }
#main-latest-movie-con { float:right; width:175px; }
#main-latest-movie-con h2 a { float:left; width:100%; text-align:left; margin-top:-3px; line-height:18px; font-size:13px; height:35px; color:#dddddd; }
#main-latest-movie-con h2 a:hover { color:#00a5cc; }
#main-latest-movie-con p { float:left; width:100%; line-height:20px; color:#bbbbbb; }
#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:#2a2a2a; border-bottom:1px solid #444444; padding-bottom:10px; margin-top:10px; border-radius:5px; }

#sidebar-channels-title { width:100%; float:left; height:32px; border-bottom:1px solid #444444; margin-bottom:10px; border-radius:5px 5px 0 0;
background-image: -moz-linear-gradient(top, #333333, #2a2a2a);
background-image: -ms-linear-gradient(top, #333333, #2a2a2a);
background-image: -o-linear-gradient(top, #333333, #2a2a2a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#2a2a2a));
background-image: -webkit-linear-gradient(top, #333333, #2a2a2a);
background-image: linear-gradient(top, #333333, #2a2a2a); }
#sidebar-channels-title p { width:260px; float:left; color:#bbbbbb; 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/style1/ico-video.png) center no-repeat; }
#sidebar-channels-title-ico2 { float:right; margin-top:8px; margin-right:10px; width:16px; height:16px; background:url(../images/style1/ico-down.png) center no-repeat; }

#sidebar-channels-all { width:300px; float:left; margin-left:9px; }
#sidebar-channels-nav div { border:1px solid #666; 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; background:#333333; border:1px solid #444444; line-height:24px; color:#bbbbbb; }
#sidebar-channels-nav a:hover { color:#dddddd; background:#3a3a3a; }
#sidebar-channels-nav span { float:right; margin-right:5px; line-height:24px; color:#bbbbbb; font-size:11px; }

/*** 侧边栏 Adv 图片 ***/
#sidebar-advimgs { float:right; width:320px; background:#2a2a2a; border-bottom:1px solid #444444; padding-bottom:10px; margin-top:10px; border-radius:5px; }
#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/style1/sidebar-img1.png) center no-repeat; border:1px solid #555555; border-radius:5px; margin-bottom:7px; }
#sidebar-advimg-2 { float:left; width:300px; height:60px; background:url(../images/style1/sidebar-img2.png) center no-repeat; border:1px solid #555555; border-radius:5px; margin-bottom:7px; }
#sidebar-advimg-3 { float:left; width:300px; height:60px; background:url(../images/style1/sidebar-img3.png) center no-repeat; border:1px solid #555555; border-radius:5px; }
#sidebar-advimgs-all div:hover { opacity:0.9; filter:alpha(opacity=90); }

/*** 侧边栏 Adv2 图片 ***/
#sidebar-advimgs2 { float:right; width:320px; background:#2a2a2a; border-bottom:1px solid #444444; padding-bottom:10px; margin-top:10px; border-radius:5px; }
#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/style1/sidebar-img1.png) center no-repeat; border:1px solid #555555; border-radius:5px; margin-bottom:7px; }
#sidebar-advimg2-2 { float:left; width:300px; height:60px; background:url(../images/style1/sidebar-img2.png) center no-repeat; border:1px solid #555555; border-radius:5px; margin-bottom:0px; }
#sidebar-advimg2-3 { float:left; width:300px; height:60px; background:url(../images/style1/sidebar-img3.png) center no-repeat; border:1px solid #555555; border-radius:5px; display:none; }
#sidebar-advimgs2-all div:hover { opacity:0.9; filter:alpha(opacity=90); }

/*** 侧边栏 Adv3 图片 ***/
#sidebar-advimgs3 { float:right; width:320px; background:#2a2a2a; border-bottom:1px solid #444444; padding-bottom:10px; margin-top:10px; border-radius:5px; }
#sidebar-advimgs3-all { float:left; width:302px; margin-left:9px; margin-top:10px; }
#sidebar-advimg3-1 { float:left; width:300px; height:60px; background:url(../images/style1/sidebar-img1.png) center no-repeat; border:1px solid #555555; border-radius:5px; margin-bottom:7px; }
#sidebar-advimg3-2 { float:left; width:300px; height:60px; background:url(../images/style1/sidebar-img2.png) center no-repeat; border:1px solid #555555; border-radius:5px; margin-bottom:7px; }
#sidebar-advimg3-3 { float:left; width:300px; height:60px; background:url(../images/style1/sidebar-img3.png) center no-repeat; border:1px solid #555555; border-radius:5px; }
#sidebar-advimgs3-all div:hover { opacity:0.9; filter:alpha(opacity=90); }

/*** 侧边栏 高分作品列表 ***/
#sidebar-higrate { float:right; width:320px; background:#2a2a2a; border-bottom:1px solid #444444; padding-bottom:10px; margin-top:10px; border-radius:5px; }

#sidebar-higrate-title { width:100%; float:left; height:32px; border-bottom:1px solid #444444; margin-bottom:10px; border-radius:5px 5px 0 0;
background-image: -moz-linear-gradient(top, #333333, #2a2a2a);
background-image: -ms-linear-gradient(top, #333333, #2a2a2a);
background-image: -o-linear-gradient(top, #333333, #2a2a2a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#2a2a2a));
background-image: -webkit-linear-gradient(top, #333333, #2a2a2a);
background-image: linear-gradient(top, #333333, #2a2a2a); }
#sidebar-higrate-title p { width:260px; float:left; color:#bbbbbb; 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/style1/ico-sticky.png) center no-repeat; }
#sidebar-higrate-title-ico2 { float:right; margin-top:8px; margin-right:10px; width:16px; height:16px; background:url(../images/style1/ico-down.png) center no-repeat; }

#sidebar-higrate-all { width:300px; float:left; margin-left:9px; }
#sidebar-higrate-single div { border:1px solid #666; 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; background:#333333; border:1px solid #444444; line-height:24px; color:#bbbbbb; }
#sidebar-higrate-single a:hover { color:#dddddd; background:#3a3a3a; }
#sidebar-higrate-single span { float:right; margin-right:5px; line-height:24px; color:#bbbbbb; font-size:11px; }

/*** 侧边栏 相关视频 ***/
#sidebar-relate { float:right; width:320px; background:#2a2a2a; border-bottom:1px solid #444444; margin-top:10px; border-radius:5px; }
#sidebar-relate-title { width:100%; float:left; height:32px; border-bottom:1px solid #444444; margin-bottom:10px; border-radius:5px 5px 0 0;
background-image: -moz-linear-gradient(top, #333333, #2a2a2a);
background-image: -ms-linear-gradient(top, #333333, #2a2a2a);
background-image: -o-linear-gradient(top, #333333, #2a2a2a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#2a2a2a));
background-image: -webkit-linear-gradient(top, #333333, #2a2a2a);
background-image: linear-gradient(top, #333333, #2a2a2a); }
#sidebar-relate-title p { width:260px; float:left; color:#bbbbbb; 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/style1/ico-sticky.png) center no-repeat; }
#sidebar-relate-title-ico2 { float:right; margin-top:8px; margin-right:10px; width:16px; height:16px; background:url(../images/style1/ico-down.png) center no-repeat; }

#sidebar-relate-all { float:left; width:300px; margin-left:10px; overflow:hidden; }

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

#sidebar-relate-post-content p { float:right; margin-right:-2px; margin-top:3px; font-size:11px; width:225px; height:54px; line-height:18px; color:#bbbbbb; }
#sidebar-relate-post-readmore a { float:right; font-size:11px; color:#00a5cc; }

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

/*    ---------------------- single 视频播放 区域 ----------------------       */
#single-movie { width:100%; float:left; }
#single-movie-all { width:650px; float:left; height:535px; background:#2a2a2a; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #444444; border-radius:5px; }
#single-movie-title-all { width:100%; float:left; height:32px; border-bottom:1px solid #444444; margin-bottom:10px; border-radius:5px 5px 0 0;
background-image: -moz-linear-gradient(top, #333333, #2a2a2a);
background-image: -ms-linear-gradient(top, #333333, #2a2a2a);
background-image: -o-linear-gradient(top, #333333, #2a2a2a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#2a2a2a));
background-image: -webkit-linear-gradient(top, #333333, #2a2a2a);
background-image: linear-gradient(top, #333333, #2a2a2a); }
#single-movie-title { float:left; }
#single-movie-title h2 { float:left; font-size:14px; line-height:32px; color:#dddddd; }
#single-movie-title div { float:left; margin-top:8px; margin-left:10px; margin-right:5px; }

/*    ---------------------- 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 #444444; border-radius:0 5px 0 0;
width:24px; height:32px; background:url(../images/style1/ico-right.png) center no-repeat; }
#single-wide-switch-arrow-wide:hover { background:#3a3a3a url(../images/style1/ico-right.png) center no-repeat; }

#single-wide-switch-arrow-default { float:right; border-left:1px solid #444444; border-radius:0 5px 0 0;
 width:24px; height:32px; background:url(../images/style1/ico-left.png) center no-repeat; display:none; }
#single-wide-switch-arrow-default:hover { background:#3a3a3a url(../images/style1/ico-left.png) center no-repeat; }

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

.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 #444444; }
.tab-nav:hover {
background-image: -moz-linear-gradient(top, #3a3a3a, #333333);
background-image: -ms-linear-gradient(top, #3a3a3a, #333333);
background-image: -o-linear-gradient(top, #3a3a3a, #333333);
background-image: -webkit-gradient(linear, center top, center bottom, from(#3a3a3a), to(#333333));
background-image: -webkit-linear-gradient(top, #3a3a3a, #333333);
background-image: linear-gradient(top, #3a3a3a, #333333); }

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

/*    ---------------------- single 视频 ----------------------       */
#single-movie-area { float:left; margin-left:10px; }
#single-movie-area iframe { width:630px; height:487px; }

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

#single-movie-info-title { width:100%; float:left; height:32px; border-bottom:1px solid #444444; margin-bottom:10px; border-radius:5px 5px 0 0;
background-image: -moz-linear-gradient(top, #333333, #2a2a2a);
background-image: -ms-linear-gradient(top, #333333, #2a2a2a);
background-image: -o-linear-gradient(top, #333333, #2a2a2a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#2a2a2a));
background-image: -webkit-linear-gradient(top, #333333, #2a2a2a);
background-image: linear-gradient(top, #333333, #2a2a2a); }
#single-movie-info-title p { width:260px; float:left; color:#bbbbbb; 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/style1/ico-video.png) center no-repeat; }
#single-movie-info-title-ico2 { float:right; margin-top:8px; margin-right:10px; width:16px; height:16px; background:url(../images/style1/ico-down.png) center no-repeat; }

 /*** 视频信息区域 灰色底 ***/
#single-movie-info-box { float:left; width:608px; height:auto; background:#333333; border:1px solid #444444; padding:10px; margin-left:10px; margin-bottom:5px; }
#single-movie-info-thumb { float:right; border:3px solid #333333; outline:1px solid #555555; }
#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:#cccccc; }
/*** 评分 和 描述 区域 ***/
#single-movie-info-p2  { float:left; width:100%; min-height:300px; margin-top:20px; line-height:24px; color:#cccccc; }
#single-movie-info-rate { float:left; width:52px; height:42px; margin-top:5px; background:url(../images/style1/bg-rate.png) no-repeat; }
#single-movie-info-rate p { color:#f1f1f1; font-size:24px; line-height:41px; text-align:center; cursor:default; }
#single-movie-info-description { float:right; width:520px; color:#cccccc; 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:#cccccc; 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:#dddddd; }

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

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

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

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

/*    ---------------------- single 文章 ----------------------       */
#single-post-all { width:650px; float:left; height:auto; background:#2a2a2a; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #444444; border-radius:5px; }

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

/*** single 文章 内容 ***/
#single-post-content { float:left; min-height:1162px; margin-left:15px; margin-top:5px; color:#cccccc; padding-bottom:20px; border-bottom:1px solid #444444;
	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:#cccccc; }
#single-post-content iframe { width:620px; height:487px; 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:#333333; border:1px solid #555555; color:#cccccc;
	width: -moz-calc(100% - 23px);
	width: -webkit-calc(100% - 23px);
	width: calc(100% - 23px); }

#single-post-info { float:left; font-size:12px; color:#5aa4e5; 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 文章 内容 中的分页样式 ***/
#spingle-post-content-next-pages { font-size:14px; font-weight:bold; text-align:center; padding-top:60px; color:#dddddd; }

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

/*** single 页面 内容 ***/
#single-page-content { float:left; min-height:1291px; margin-left:15px; margin-top:5px; color:#cccccc; 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:#dddddd; }
#single-page-content h2 { margin-bottom:10px; color:#dddddd; }
#single-page-content h3 { margin-bottom:10px; color:#dddddd; }
#single-page-content h4 { margin-bottom:10px; color:#dddddd; }
#single-page-content h5 { margin-bottom:10px; color:#dddddd; }
#single-page-content h6 { margin-bottom:10px; color:#dddddd; }
#single-page-content p { float:left; width:100%; height:auto; font-size:13px; line-height:24px; margin-bottom:10px; color:#cccccc; }	
#single-page-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:#333333; border:1px solid #555555; color:#cccccc;
	width: -moz-calc(100% - 23px);
	width: -webkit-calc(100% - 23px);
	width: calc(100% - 23px); }

/*    ---------------------- single 页面full 980px ----------------------       */
#single-page-fullwidth { width:980px; float:left; height:auto; background:#2a2a2a; margin-top:10px; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #444444; border-radius:5px; }

/*    ---------------------- single 关于页面 About Page ----------------------       */
#single-page-about-top-img { float:left; width:100%; height:90px; background:url(../images/style1/menu-bg.png) no-repeat top; margin-bottom:20px; }

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

/*    ---------------------- single 页面 高分作品 前 100 个视频 ----------------------       */
#single-page-higrate-movie div { border:1px solid #000; 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:#333333; border-bottom:1px solid #444444; line-height:24px; color:#bbbbbb; }
#single-page-higrate-movie a:hover { background:#3a3a3a; }
#single-page-higrate-movie p { width:230px; height:24px; float:left; overflow:hidden; font-size:12px; color:#00a5cc; }
#single-page-higrate-movie p:hover { color:#dddddd; }
#single-page-higrate-movie span { float:right; margin-right:5px; line-height:24px; font-size:11px; color:#aaaaaa; }

/*    ---------------------- 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; background:#333333; border:1px solid #444444; font-size:11px; color:#bbbbbb; }
#single-page-recent-movie-single span { width:20%; font-size:12px; float:right; color:#aaaaaa; }
#single-page-recent-movie-single div { border:1px solid #000; margin:3px 5px; float:left; }

/*    ---------------------- 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:#aaaaaa; 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:#bbbbbb; display:block; }
#single-page-linkpage ul li ul li a:hover { font-weight:bold; color:#dddddd; }

/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ----------------------------------------------------------------------------------------------------------------------------------------------------------       */
/*    ---------------------- single 页面 评论区样式 ----------------------       */
.commentlist .comment-body { padding:10px; margin:10px 0; border:1px solid #444444; border-radius:5px; background:#2a2a2a; color:#cccccc; }
.commentlist .comment-body .avatar { 
float:left; border:1px solid #444444; width:32px; height:32px; margin-right:10px;
 background-image:url(../images/style1/de-avatar.png); background-size:cover; }
.commentlist li.comment ul.children { margin:8px 0 8px 50px; }

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

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

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

#category-movie-all { width:100%; float:left; height:auto; background:#2a2a2a; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #444444; border-radius:5px; }

/* 分类 视频主体左边 小标题 */
#category-movie-title { width:100%; float:left; height:32px; border-bottom:1px solid #444444; margin-bottom:10px; border-radius:5px 5px 0 0;
background-image: -moz-linear-gradient(top, #333333, #2a2a2a);
background-image: -ms-linear-gradient(top, #333333, #2a2a2a);
background-image: -o-linear-gradient(top, #333333, #2a2a2a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#2a2a2a));
background-image: -webkit-linear-gradient(top, #333333, #2a2a2a);
background-image: linear-gradient(top, #333333, #2a2a2a); }
#category-movie-title p { float:left; color:#bbbbbb; font-size:12px; line-height:32px; cursor:default; }
#category-movie-title-ico { width:16px; height:16px; background:url(../images/style1/ico-video.png) no-repeat; 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/style1/ico-down.png) center no-repeat; }
/*** 搜索页面 结果标题的小图标 放大镜 ***/
#category-movie-title-ico-search { width:11px; height:11px; background:url(../images/style1/ico-search.png) no-repeat; float:left; margin-left:11px; margin-top:11px; margin-right:5px; }

/*** 分类 视频  样式 ***/
#category-movie { float:left; width:618px; background:#333333; border:1px solid #444444; margin-left:15px; margin-bottom:10px; }
#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 3px 2px 3px; color:#ffffff; margin-top:-22px; position:relative; z-index:5; }
#category-movie-info span { float:right; background:rgba(0,0,0,0.8); padding:2px 3px 2px 3px; color:#ffffff; 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/style1/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:#cccccc; }
#category-movie-content img { float:left; margin-top:6px; }
#category-movie-content h2 a { width:420px; font-size:16px; float:left; height:30px; color:#dddddd; }
#category-movie-content h2 a:hover { color:#00a5cc; }
#category-movie-ico div { margin-top:4px; }

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

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

#category-post-all { width:100%; float:left; height:atuo; background:#2a2a2a; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #444444; border-radius:5px; }

/* 分类 文章主体左边 小标题 */
#category-post-all-title { width:100%; float:left; height:32px; border-bottom:1px solid #444444; margin-bottom:5px; border-radius:5px 5px 0 0;
background-image: -moz-linear-gradient(top, #333333, #2a2a2a);
background-image: -ms-linear-gradient(top, #333333, #2a2a2a);
background-image: -o-linear-gradient(top, #333333, #2a2a2a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#2a2a2a));
background-image: -webkit-linear-gradient(top, #333333, #2a2a2a);
background-image: linear-gradient(top, #333333, #2a2a2a); }
#category-post-all-title p { float:left; color:#bbbbbb; font-size:12px; line-height:32px; cursor:default; }
#category-post-all-title-ico { width:16px; height:16px; background:url(../images/style1/ico-sticky.png) no-repeat; 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/style1/ico-down.png) center no-repeat; }

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

#category-post-info { width:180px; float:left; height:119px; }
#category-post-info p { float:left; background:rgba(0,0,0,0.8); padding:2px 3px 2px 3px; color:#ffffff; margin-top:-22px; position:relative; z-index:5; }
#category-post-info span { float:right; background:rgba(0,0,0,0.8); padding:2px 3px 2px 3px; color:#ffffff; 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/style1/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:#cccccc; }
#category-post-author  {float:left; width:100%; font-size:11px; color:#aaaaaa; }
#category-post-tags { float:right; text-align:right; width:430px; height:18px; overflow:hidden; }

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

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

/* 分页导航 样式*/
#wpagenavi{ float:right; width:620px; margin-top:10px; text-align:center; font-size:12px; margin-bottom:10px; }
#wpagenavi a { }
#wpagenavi a:link, .wpagenavi a:visited{ padding:4px 12px; text-decoration:none; background:#333333; margin-left:1px; color:#00a5cc!important; border:1px solid #444444; border-radius:3px; }
#wpagenavi a:hover, .wpagenavi a:active{ color:#dddddd; background:#444444; overflow:hidden; }
#wpagenavi a.extend{ padding:4px 12px; color:#bbbbbb; }
#wpagenavi a.extend:hover{ color:#dddddd !important; }
#wpagenavi a.current, .wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ font-weight:bold; padding:4px 12px; background:#444444; color:#dddddd !important; border:1px solid #555555; border-radius:3px; }
#wpagenavi span{ margin:0 3px; padding:0 4px; color:#aaaaaa; }
#postnavi{ padding:10px 0px; line-height:24px; color:#bbbbbb; }

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

/*    ---------------------- 首页底部 footer 区域 ----------------------       */
#index-footer-all { width:100%; float:left; }
#index-footer { float:left; line-height:35px; width:100%; height:35px; border-bottom:1px solid #444444; border-top:1px solid #2a2a2a; border-radius:5px; margin-top:10px; margin-bottom:10px;
background-image: -moz-linear-gradient(top, #333333, #2a2a2a);
background-image: -ms-linear-gradient(top, #333333, #2a2a2a);
background-image: -o-linear-gradient(top, #333333, #2a2a2a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#2a2a2a));
background-image: -webkit-linear-gradient(top, #333333, #2a2a2a);
background-image: linear-gradient(top, #333333, #2a2a2a);}
#index-footer p { font-size:11px; margin-left:20px; color:#bbbbbb; }

/* 主题切换 */
/* 主题切换 */
#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:0.0; filter:alpha(opacity=0); cursor:default; }
#mian-page-style .active-style2 { font-size:0.75em; background:none; display:block; }