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

body { color:#91a1a7; font-size:1.1em; background:#4c5e75 url(../images/style5/background.jpg) top center no-repeat fixed !important; background-size:cover !important; }
/* ----------------------------------- 设置主题背景 ----------------------------------- */
input { color:#76858b; background:#ffffff; }
input:focus {  color:#293134; background:#ffffff; }

a { text-decoration:none; color:#89d2f4; }
a:hover { text-decoration:none; color:#ffffff; }
/* ----------------------------------- 链接字体颜色 ----------------------------------- */

#wrapper { background:rgba(30,55,68,0.9);
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px; }
 /* 设置左边菜单底板颜色 或 图片 */
#wrapper-main { background:rgba(27,47,63,0.8); }
/* ----------------------------------- 左边菜单样式  Menu ----------------------------------- */
#left-menu-list li a { color:#c7d9e0; /* 左边菜单 字体颜色 */ font-weight:bold; font-size:1.05em; padding-left:10px;
	opacity:0.9; filter:alpha(opacity=90); }
#left-menu-list li a:hover { color:#ffffff; background:rgba(199,217,244,0.05); opacity:1.0; filter:alpha(opacity=100); }
#left-menu-list li a img { -webkit-filter:grayscale(50%); /* Chrome, Safari, Opera */ width:18px; height:auto; margin-right:20px; margin-top:7px;
    filter:grayscale(50%); }
	
#left-menu-list-sub a img { -webkit-filter:none !important; filter:none !important; } /* 子目录 图标颜色还原 */

#left-menu-switch a { background:#313c40 url(../images/style5/menu.png) no-repeat ; background-size:16px 16px; background-position:center;
opacity:0.6; filter:alpha(opacity=60); }
/* 左边菜单 标题 所用的 icon */
#left-menu-switch p { border-left:10px solid #313c40; color:#c7d9e0; font-size:1em; font-weight:bold;
background:#313c40 url(../images/style5/arrow-down.png); background-repeat:no-repeat; background-size:10px 10px; background-position:left; }

/* ----------------------------------- Top Menu 顶部菜单样式 ----------------------------------- */
#top-menu-all { background:#1f2f36; border-bottom:1px solid #1f2f36; padding-top:10px; padding-bottom:10px; }

/* ---------------------- TOP MENU LOGO 标志 ---------------------- */
#top-menu-logo a { color:#c7d9e0; font-size:1.5em; font-weight:bold;
background:url(../images/style5/logo.png) no-repeat; background-size:40px 40px; background-position:left top;
opacity:0.8; filter:alpha(opacity=80); }
	
#top-menu-btn { background:#313c40 url(../images/style5/menu.png) no-repeat; background-size:16px 16px; background-position:center;
opacity:0.6; filter:alpha(opacity=60); }

#top-menu-btn:hover { opacity:1.0; filter:alpha(opacity=100); }

#top-menu-search .submit {
background:#313c40 url(../images/style5/search.png) no-repeat ; background-size:12px 12px; background-position:center;
opacity:0.6; filter:alpha(opacity=60); }

#top-menu-link a { color:#c7d9e0; font-size:0.75em; font-weight:bold; }
#top-menu-link a:hover { color:#ffffff; }
#top-menu-link span { color:#c7d9e0; font-size:0.75em; }
/*    ---------------------- 主体部分 选项菜单 当前位置菜单 样式 ----------------------       */
#wrapper-main-tool { background:#313c40; }

#main-layout-title {
background:url(../images/style5/layout-title.png) no-repeat ; background-size:20px 16px; background-position:center; }

#main-layout-thumb {
background:url(../images/style5/layout-thumb.png) no-repeat ; background-size:20px 16px; background-position:center; }

#main-layout-info-show {
background:url(../images/style5/info-show.png) no-repeat ; background-size:20px 16px; background-position:center;
opacity:0.5; filter:alpha(opacity=50); }

#main-layout-info-hide {
background:url(../images/style5/info-hide.png) no-repeat ; background-size:20px 16px; background-position:center;
opacity:0.5; filter:alpha(opacity=50); }

#wrapper-main-setting a { opacity:0.8; filter:alpha(opacity=80); }

#main-layout-setting { width:16px; height:30px;
background:url(../images/style5/main-setting.png) no-repeat ; background-size:16px 16px; background-position:center; }

#main-layout-login { width:16px; height:30px;
background:url(../images/style5/main-login.png) no-repeat ; background-size:16px 16px; background-position:center; }

#main-layout-home { width:20px; height:30px;
background:url(../images/style5/main-home.png) no-repeat ; background-size:20px 16px; background-position:center; }

/*    ---------------------- 主体部分 略缩图 显示 Thumb 样式 ----------------------       */
#main-thumb-count span { color:#b8c8d6; }
#wrapper-main-thumb-layout {
	box-shadow:2px 2px 5px rgba(0,0,0, 0.05) inset;  }

#main-thumb-single-overlay a { background:rgba(19,43,53,0.5)url(../images/style5/play.png) no-repeat; background-size:64px 64px; background-position:center; }

#main-thumb-single-title a { color:#c7d9e0; font-weight:bold; }
#main-thumb-single-title a:hover { color:#ffffff; }

/*    ---------------------- 主体部分 标题 显示 Title 样式 ----------------------       */
#wrapper-main-title-layout { box-shadow:2px 2px 5px rgba(0,0,0, 0.05) inset; }
	
#main-title-count { background:rgba(24,65,82,0.0); overflow:hidden; }
#main-title-count span { color:#b8c8d6; }

#main-title-single-title { color:#a5b7be; border:1px solid #2b5466; /* 解决 360px 标题超出问题 */ }

#main-title-single-title a { font-weight:bold; color:#a5b7be; }
#main-title-single-title a:hover { color:#ffffff; }

#main-title-single-title a span img { -webkit-filter:grayscale(50%); /* Chrome, Safari, Opera */
    filter:grayscale(50%); }


/* ------------------- 标签样式 -------------------- */
#page-tags a { color:#82a3b0; font-weight:bold; }
#page-tags a:hover { color:#ffffff; }

/* ------------------- 分页导航样式 -------------------- */
#wpagenavi a { font-weight:bold; padding:6px 13px !important; }
#wpagenavi a:link, .wpagenavi a:visited {  background:#244a5a; color:#b8c8d6!important; } /* 正常颜色 */
#wpagenavi a:hover, .wpagenavi a:active { overflow:hidden; background:#416a7c; color:#ffffff !important; }  /* 鼠标 hover 颜色 */
#wpagenavi a.extend:hover { color:#ffffff !important;}  /* 尾页 hover */
#wpagenavi a.current, .wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover { background:#416a7c; color:#ffffff !important; }
/*    ---------------------- 视频页面 Single Video 样式 ----------------------       */
	 
/*** Fade Tabs Styles ***/
#video-tabnav li { color:#c7d9e0; opacity:0.8; filter:alpha(opacity=80); }
#video-tabnav li:hover { color:#ffffff; }
#video-tabnav .selected { color:#e6edf1; }
#video-tabnav .selected:hover { color:#e6edf1; }

/*** -------------------- 视频 Sinlge 样式 Style -------------------- ***/
#main-single-video { box-shadow:2px 2px 5px rgba(0,0,0, 0.05) inset; }

#mian-video-title { color:#c7d9e0; }
#mian-video-title img { opacity:1.0; filter:alpha(opacity=100);
-webkit-filter:grayscale(50%); /* Chrome, Safari, Opera */
    filter:grayscale(50%); }
#mian-video-title span { color:#91a1a7; }

#main-video-title-image-color { opacity:1.0; filter:alpha(opacity=100);
-webkit-filter:none !important; /* Chrome, Safari, Opera */
    filter:none  !important; }
#main-video-title-image-shape { opacity:0.8; filter:alpha(opacity=80); }	
/*** -------------------- 页面 Sinlge Page 样式 Style -------------------- ***/
#main-single-page { box-shadow:2px 2px 5px rgba(0,0,0, 0.05) inset; }

#mian-video-content-page { color:#c7d9e0; font-weight:bold; }
#mian-video-content-page a { font-size:1.1em; color:#91a1a7; font-weight:bold; }
#mian-video-content-page a:hover {color:#ffffff;  }

/*** -------------------- 页面 Page Setting 风格切换 Style Swittch -------------------- ***/
#main-single-page-style { box-shadow:2px 2px 5px rgba(0,0,0, 0.05) inset; }
#mian-page-style img { border:1px solid #2b5466; }
#mian-page-style a { background:#244a5a; }
#mian-page-style a:hover { background:#416a7c; color:#ffffff; }

/** 自定义登录 按钮 **/
.button-primary,.submit .button-primary,#login form .submit input { background:#dadcdd !important; color:#4a4e53 !important;} 
.button-primary,.submit:hover .button-primary,#login form:hover .submit input:hover { background:#a3a9b2;}
#loginform input  { background:#efefef; color:#4a4e53; }
#loginform input:focus { background:#dadcdd; }

/*** -------------------- Comment 评论框 风格 -------------------- ***/
.navigation a { color:#91a1a7; background:#244a5a; }
.navigation a:hover { color:#ffffff; background:#416a7c; }

ol.commentlist li { border-top:1px solid #2b5466; }  /* 样式风格预留 */ 
ol.commentlist li div.comment-meta a { color:#91a1a7; } /* 评论后面的日期 */
ol.commentlist li.comment-author-admin>:first-child cite.fn { background:url(../images/style5/admin.png) no-repeat;
background-position:left 0px top 0px; background-size:18px 18px; } /* 站长名字前面加图标样式 */

/* 站长 样式 */
ol.commentlist li.comment-author-wehut>:first-child cite.fn { background:url(../images/style5/admin.png) no-repeat;
background-position:left 0px top 2px; background-size:16px 16px; /* 用户名字前面加图标样式 */}

#commentform input { border:1px solid #2b5466; color:#11171c; }
#commentform input:hover,#commentform input:focus,#commentform textarea:hover,#commentform textarea:focus { border:1px solid #2b5466; }
#commentform textarea { border:1px solid #dadcdd; background:#efefef; color:#4a4e53; }
#commentform #submit { background:#dadcdd repeat scroll 0 0; font-weight:bold; }
#commentform #submit:hover{ color:#000000; background:#c4c4c4; }


/* Footer Style 底部样式 */
#wrapper-footer { background:#1f2f36; padding-top:10px; padding-bottom:10px; }

#footer-menu-lite a { background:#313c40 url(../images/style5/more.png) no-repeat; background-size:12px 12px; background-position:center;
opacity:0.5; filter:alpha(opacity=50); height:30px; margin-top:-40px; }

#footer-cc-icon { background:url(../images/style5/cc.png) no-repeat; background-size:40px 40px; background-position:center;
opacity:0.4; filter:alpha(opacity=40); }

#back-top { background:url(../images/style5/back-top.png) no-repeat; background-size:40px 40px; background-position:center;
opacity:0.4; filter:alpha(opacity=40); }

#footer-link-cn li a { font-weight:bold; font-size:0.75em; color:#c7d9e0; }
#footer-link-cn li a:hover { color:#ffffff; }

#footer-copyright { color:#91a1a7; }
#footer-copyright a { color:#c7d9e0; } 
#footer-copyright a:hover { color:#ffffff; }

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

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

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

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

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

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