/* ===================================================================================== */
/* == LinkSoon 联迅软件 www.LinkSoon.net == */
/* == styles by vr4u 20181027 == */
/* == Contact us:(Weihai)0631-5267666 == */
/* ===================================================================================== */

/* == 初始值重定义 ======================================================================= */
body{ padding:0; margin:0; font-size:12px; font-family:"Microsoft Yahei",arial,Tahoma,Helvetica,sans-serif; color:#333;}
a{ color:#444; text-decoration:none;}
a:hover{ color:#333; text-decoration:underline;}
ul,li,form,p,lable,hr{ margin:0; padding:0;}
em{ font-style:normal;}
li{ list-style:none;}
img{ border:0;}
h1,h2,h3,h4,h5{ padding:0; margin:0;}
input,textarea{ padding:0; margin:0; font-size:12px; font-family:"Microsoft Yahei",arial,tahoma,Century Gothic,verdana,Helvetica,sans-serif;}
.clear{ line-height:0; clear:both;}
.mc{ margin:0 auto; width:1000px;}
.mc1200{ margin:0 auto; width:1200px;}
.l{ float:left;}
.r{ float:right;}
.addbtn_div{ display:none;}

/* ================================== 通用 ====================================== */

/* 2018 header */
.wh_topmenu{ height:50px; line-height:50px; background:#333; color:#e4e4e4; font-size:14px;}
	.wh_topmenu a{ color:#e4e4e4;}
.wh_header{ background-color:#FFF;}
	.wh_header #sys_topmenu{ float:right; margin:38px 0 0 15px;}/* 播放页右上角 */
		.wh_header #sys_topmenu a{ color:#f4f4f4;}
		
.wh_header_bg{ background-color:#f4f4f4;}
.wh_header_bg2{ background-color:#333;}
	.wh_logosel{ height:96px;}
		.wh_logo{ margin-top:20px;}
		.wh_logoname{ margin:20px 0 0 20px; padding:0 15px; height:50px; line-height:50px; border-left:solid 1px #DDD; font-size:30px;}
		.wh_logoname2{ margin:20px 0 0 20px; padding:0 15px; height:50px; line-height:50px; font-size:14px; color:#a5a5a5;}
			.wh_logoname2 a{ color:#a5a5a5;}
		.wh_sel{ margin:26px 0 0; width:310px; height:40px; line-height:40px; border:solid 1px #DDD; border-radius:20px; background-color:#FFF;}
			.s_select{ display:none;}
			.s_keywords{ float:left; padding:0 0 0 8px; width:250px; height:40px; line-height:40px; border:none; font-size:16px; background:transparent; outline:none;}
			.s_submit{ float:right; width:40px; height:40px; border:0; background:url(ico_search.png) center center no-repeat; overflow:hidden;}
				.s_submit span{ display:none;}
				
/* nav1 */
.wh_nav{ padding:10px 0; background-color:#f4f4f4;}
	.channel_ul{ margin:10px 0; height:40px; line-height:40px; font-size:16px;}
		.channel_ul li{ float:left; margin-right:30px;}
		.channel_ul a{ color:#666;}
		.channel_title{ padding:0 15px; background:#e1e1e1;}
		
/* nav2 */
.wh_channel{ height:61px; border-bottom:1px solid #e5e5e5; background-color:#f4f4f4;}
	.wh_channel a{ float:left; margin-right:2px; padding:0 18px; height:58px; border-bottom:solid 3px #f4f4f4; line-height:58px; font-size:18px; color:#444;}
	.wh_channel a.on,.wh_channel a:hover{ font-weight:bold; border-bottom:solid 4px #cc0033; color:#cc0033; text-decoration:none;}

/* 侧边广告 */
#ov_ad_side{ margin-top:10px;}
#ov_s0 { margin:10px 0;}

/* 页面标题 */
.pg_title{ padding:20px 0 10px; height:35px; line-height:35px; border-bottom:1px solid #ccc; font-size:16px;}

/* 分页 */
.PageNumbers{ padding:30px 0 0 0; height:80px;}
	.PageNumbers span{ float:left; margin-right:12px; padding:0 12px; background-color:#CC0033; color:#FFF; height:35px; line-height:35px;}
	.PageNumbers a{ float:left; margin-right:12px; padding:0 12px; background-color:#F2F2F2; height:35px; line-height:35px; font-size:14px; text-align:center; text-decoration:none; color:#333;}
	.PageNumbers a:hover{ background-color:#E3E3E3;}

/*  底部 */
#FooTer{border-top:2px solid #035271;padding:20px 0;text-align:center;color:#666;width:970px;margin:0 auto;clear:both;}

/* 2018 footer */	
.wh_footer{ margin-top:30px; padding:20px 0; color:#a1a1a1; background-color:#f4f4f4; text-align:center; font-size:14px; line-height:2;}
	
/* ================================== 视频列表页 ====================================== */

/* == 列表排序 == */
.linkBar{ height:35px; line-height:35px; background:#f4f4f4;}
	.linkBar .choseType{ margin-left:10px; float:left;}
		.linkBar .choseType a{ display:block; float:left; width:70px; color:#2A6170; text-align:center;}
		.linkBar .choseType a.now{ font-weight:bold;}
	.linkBar .choseTime{ margin-right:10px; text-align:right;}
	
/* == 视频列表 == */
.video{ margin:0 0 0 -16px; padding:10px 0 0; width:1016px;}
	.videoList{ float:left; position:relative; margin:30px 0 0 16px; width:238px;}
		.videoList .videoImg{ width:238px; height:180px; background-color:#f4f4f4; overflow:hidden;}
			.videoList .videoImg img{ width:238px;}
		.videoList .videoInfo{ padding:10px 0;}
			.videoList .videoInfo li{}
			.videoList .videoInfo .l1{ padding:4px 0; font-size:14px; color:#666;}
				.videoList .videoInfo .l1 a{ color:#444;}
			.videoList .videoInfo .l3{ line-height:20px; color:#666;}
			.videoList .videoInfo .l4{ line-height:20px; color:#666;}
.video .PageNumbers{ margin-left:16px;}

/* ================================== 专辑列表页 ====================================== */

/* 专辑 */
.album{ margin-left:16px; padding:30px 0 0; font-size:14px; color:#666;}
	.album .albumImg{ float:left; width:330px; height:248px; overflow:hidden;}
		.album .albumImg img{ width:330px;}
	.album .albumInfo{ float:right; width:620px;}
		.albumInfo .name{ padding:6px 0 12px; color:#333; font-size:22px;}
		.albumInfo .intro{ width:620px; height:110px; line-height:1.6; color:#999; overflow:hidden; overflow-y:auto;}
		.albumInfo .count{ padding:15px 0 10px; height:30px; line-height:30px;}
			.play_album{ float:left; width:82px; height:30px; line-height:30px; background-color:#CC0033; text-align:center; color:#EEE;}
			.play_album:hover{ background-color:#B3002D; text-decoration:none; color:#FFF;}
			.count_album{ float:left; margin-left:20px; color:#999;}
		.album .albumInfo ul{ height:32px;}
			.album .albumInfo ul li{ float:left; padding-left:10px; background:url(Class_letter_bg.png) 0 center no-repeat; width:300px; height:32px; line-height:32px; font-size:14px; color:#666; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}

/* ================================== 评论部分 ====================================== */

	.videoComment .topic{height:31px;line-height:31px;border:1px solid #D5D5D5;padding:0 0 0 15px;}
		.videoComment .topic .name{ float:left; font-size:14px; font-weight:bold;}
		.videoComment .topic .more{ float:right; font-size:12px; font-weight:normal;padding:0 15px 0 0 ;}
	.videoComment .page{ color:#666666; height:35px; line-height:35px;}
		.videoComment .page .left{ float:left;}
		.videoComment .page .right{ float:right;}
			.videoComment .page .right span{ font-weight:bold;}
	.videoComment .user{ padding-left:5px; height:25px; line-height:25px; color:#AFAFAF; background-color:#F3F3F3;}
	.videoComment .msg{ padding:5px; line-height:20px; word-break:break-all;}
		.videoComment .msg .msg1{ margin:0 20px 0 20px; color:#999999; line-height:16px; word-break:break-all;}
	.videoComment .remsg{ line-height:18px; text-align:right;}
	.videoComment .newComment{ padding:10px; background:#F7F7F7;}
		.videoComment .newComment .tops{ height:30px; line-height:30px; font-size:14px; font-weight:bold;}
			.videoComment .newComment .tops .name{ float:left; font-size:14px; font-weight:bold;}
			.videoComment .newComment .tops .more{ float:left;}
		.videoComment .newComment .shows{ padding:5px 0 0 0;}
			.videoComment .newComment .shows textarea{ width:100%; border:solid 1px #CCC; box-shadow:inset 0 2px 3px #EEE;}
			.videoComment .newComment .shows input{ padding:5px;}
	.videoButton{ position:relative; float:right; margin-top:24px; height:26px; background:repeat-x url(button_bg.jpg) left -1px;}
	
	/* == 按钮 == */
	.vJudge{ display:none; float:left;}
	a.ding,
	a.cai,
	a.jubao,
	a.fav,
	a.bbs,
	a.resend{ float:left; padding:0 0 0 45px; height:24px; line-height:24px; font-size:14px; border:solid 1px #C6C6C6; border-left:none;}
	
	a.ding{ width:59px; background:url(button_icon.png) 18px 2px no-repeat; border-left:1px solid #C6C6C6; }
	a.cai{ width:60px; background:url(button_icon.png) 18px -40px no-repeat;}
	a.ding:hover{ background-color:#E8F3F9;}
	a.cai:hover{ background-color:#E8F3F9;}
	
	a.fav{ width:66px;background:url(button_icon.png) 18px -80px no-repeat;}
	a.jubao{ display:none;width:58px; background:url(button_icon.png) 18px -196px no-repeat;}
	a.bbs{ width:68px;background:url(button_icon.png) 18px -159px no-repeat;}
	a.resend{ width:68px; background:url(button_icon.png) 18px -124px no-repeat;}
	.videoButton a:hover{ background-color:#E8F3F9; text-decoration:none;}
	
	#divjubao{ position:absolute; top:26px; right:0; padding:20px; background-color:#FAFEFF; border:5px solid #DEE7ED; z-index:99;}
	.dinged{ padding:0 0 0 10px; height:24px; border:solid 1px #C6C6C6; background:#E5E5E5; font-size:14px; color:#666; line-height:24px;}	
		.dinged span{font-weight:100;}
		.dinged span.judgeNum{font-size:12px;padding:0 10px 0 0;}
		a.ding span,
		a.cai span{font-weight:100;font-size:12px;color:#666;}
	
		div#putbbs{ position:absolute; top:26px; left:0; padding:10px; width:490px; background-color:#FAFEFF;border:5px solid #DEE7ED; z-index:99;}
		div#putbbs a{ float:right; _margin-top:-20px;}
		div#putbbs a{width:auto;background:none;}
		div#putbbs li{padding:8px 0 0 0;}
		div#putbbs input{}
		div#appfile {margin-top:10px; padding:5px;line-height:20px; border:solid 1px #f2f2f2;background-color:#f2f2f2;}
		div#appfile span{ float:right; _margin-top:-20px;}
			#ov_payitem{width:588px; padding:5px 10px; background:#FFE6E6 url(icon_notice.gif) 15px center no-repeat; border:solid 1px #FF0000; border-top:none; line-height:20px;}
				 #ov_payitem input{height:28px;line-height:24px;width:120px;vertical-align:middle;}
	.videoComment .PageNumbers{ padding: 10px 0 0 0; height:50px;}


	/* tips */
	.video_tips{ background:#454545;}
		.video_tips .tips{ padding:200px 0 0; text-align:center; color:red; font-size:14px;}
		.video_tips .tips .rtn_index{ display:block; margin:15px auto 0; width:130px; line-height:36px; color:#FFF; background-color:rgba(255,255,255,.05);}
		.video_tips .tips .rtn_index:hover{ background-color:rgba(255,255,255,.15); text-decoration:none;}


/* ================================== 专辑视频列表页 ====================================== */

/* 顶部 */
#AlbumInfo{ padding:20px 0 10px; height:35px; line-height:35px; border-bottom:1px solid #ccc;}
	#AlbumInfo .albumName{ float:left; font-size:16px;}
	#AlbumInfo .albumInfo{ float:right; color:#666;}
	.VListType{ height:35px; line-height:35px; color:#555; background-color:#f4f4f4;}
		.VListType span{ display:block;}
		.VListType .orderBtn{ float:right;color:#666;}
			.orderBtn label{ float:left; margin-right:15px;}
			.orderBtn label input{ float:left; margin:10px 5px 0 0; width:14px; height:14px; overflow:hidden;}
		.VListType span.playBtn{ float:left;}
			.playBtn a{ float:left; width:80px; height:29px; background-color:#CC0033;}
			
/* 列表 */
#AlbumMainBody .show{ margin:0 0 0 -16px; width:1016px;}
#AlbumMainBody .PageNumbers{ margin-left:16px;}

/* ================================== 专辑播放页 ====================================== */

/* Tag切换 */
.slideTxtBox{ background:#232323;}
	.slideTxtBox .hd{ height:45px; line-height:45px; border-bottom:1px solid #393939; font-size:14px; color:#FFF;}
		.slideTxtBox .hd ul.t{ float:left; height:45px;}
		.slideTxtBox .hd ul.t li{ float:left; margin-left:10px; width:75px; height:43px; border-bottom:solid 2px #232323; font-size:14px; color:#efefef; text-align:center; cursor:pointer; overflow:hidden;}
		.slideTxtBox .hd ul.t li.on{ height:44px; border-bottom-color:#cc0033; color:#FFF; cursor:default;}
	.slideTxtBox .bd ul.c{ zoom:1;}
		.slideTxtBox .bd ul.c li{}

/* 播放列表 */
.albumVList{ width:340px; height:634px; background-color:#232323; overflow:hidden; /*overflow-y:scroll;*/}
	.albumVList .l2{ position:relative; margin:5px 10px 0 5px; line-height:1.5; background:#393939;}
		.albumVList .l2 a{ display:block; display:table-cell; color:#c1c1c1; vertical-align:middle; padding:15px; width:315px; height:40px; line-height:20px; color:#c1c1c1;}
		.albumVList .l2 a:hover{ background-color:#676767; text-decoration:none;}
		.albumVList .l2 span{ position:absolute; top:5px; right:10px; color:#c1c1c1;}
	.albumVList .l2.on{ background:#cc0033;}
		.albumVList .l2.on a{ color:#FFF;}
        .albumVListinfo .l3{display:none;}
        .albumVListinfo .l3.on{display:block;}

/* 专辑介绍 */
.albumProfile{ padding:20px; width:300px; height:594px; line-height:1.6; background-color:#232323; color:#c1c1c1; font-size:14px; overflow:hidden; /*overflow-y:scroll;*/}

/* 专辑视频播放 */
.wh_play_blk{ padding:0 0 30px; background-color:#333;}
	.wh_play_player{ float:left; width:860px;}
		.wh_play_name{ padding:20px 0;}
			.wh_play_name .l1{ padding-bottom:5px; font-size:24px; color:#FFF;}
			.wh_play_name .l2{ color:#a5a5a5; font-size:14px;}
	.wh_play_menu{ float:right; width:340px;}
	#ov_album_list{	width:340px; height:634px; overflow:hidden;}
		.nicescroll-rails{ background-color:#444;}

/* 其他相关栏目 */
.pg_others{ padding:20px 0; width:1200px;}
	.pg_others_tit{ padding:20px 0 10px; height:35px; line-height:35px; border-bottom:1px solid #ccc; font-size:20px;}
	.pg_others_con{ margin-left:-20px; width:1220px;}
		.others_blk{ position:relative; float:left; margin:20px 0 0 20px; width:224px; height:150px; margin-left:20px; background:#fff; overflow:hidden;}
			.others_img{ position:relative; width:224px; height:150px; z-index:2;}
			.others_info{ position:absolute; left:0; bottom:0; width:224px; height:30px; background:url(alpha_mask_bg.png) 0 0 repeat-x; line-height:30px; text-indent:10px; color:#FFF; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; z-index:3;}
				.others_info a{ font-size:14px; color:#FFF;}

/* 专辑评论 */
.wh_play_comm{ padding:30px 0 0; background-color:#FFF;}
	.wh_comm_l{ float:left; width:840px;}
	.wh_comm_r{ float:right; width:340px;}
		.wh_bd{ border:1px solid #dbdbdb; margin-bottom:15px;}
			.play_sd_tit{ padding-left:15px; background:#DFDFDF url(topic_bg.png) left top repeat-x; height:40px; line-height:40px; font-size:16px;}
			
			/* 简介 */
			.plistInfo{ padding:15px; line-height:2; color:#999;}
				.albumtitle{ font-size:14px;}
				
			/* 其他专辑 */
			.play_sd_album{ padding:0 0 15px;}
			.play_sd_album ul{ float:left; padding:15px 0 0 15px; width:94px;}	
				.play_sd_album ul li.l1{ overflow:hidden; float:left; padding:9px 0 0 9px; width:85px; height:70px; background:url(album_bg.gif) top left no-repeat;}	
					.play_sd_album ul li.l1 img{ width:80px; height:60px;}
				.play_sd_album ul li.l2{ padding:0 0 0 5px; height:20px;line-height:20px; color:#666; overflow:hidden;}
						.play_sd_album ul li.l2 span{ font-size:10px; color:#333;}
				.play_sd_album ul li.l3{ padding:0 0 0 5px; color:#999;}

/* ================================== lanmu 列表页 ====================================== */

.lanmu_show{ padding:10px 0 0;}
	.lanmu_blk{ padding:30px 0 0; font-size:14px; color:#666;}
		.lanmu_pic{ float:left; width:330px;}
			.lanmu_pic img{ width:330px;}
		.lanmu_con{ float:right; width:620px;}
			.lanmu_con .l1{}
				.lanmu_name{ float:left; font-size:22px; color:#333;}
				.search_by_date{ float:right; width:150px; height:30px; line-height:30px;}
					.search_by_date .keywords{ float:left; width:119px; height:28px; border:solid 1px #DDD; border-right:none; line-height:28px; background:url(ico_calendar.png) 0 center no-repeat; text-indent:32px; box-shadow:inset 0 1px 2px #EEE; color:#CCC; outline:none;}
					.search_by_date .search_btn{ float:right; width:30px; height:30px; border:solid 1px #DDD; background:url(search_btn_bg.gif) center center no-repeat; outline:none;}
			.lanmu_con .l2{ padding:15px 0 5px;}
				.lanmu_con .l2 span{ float:left; margin-right:25px; padding:0 0 0 25px; height:20px; line-height:20px;}
				.lanmu_con .l2 .lanmu_zhu{ background:url(ico_lanmu_zhu.png) left center no-repeat;}
				.lanmu_con .l2 .lanmu_shi{ background:url(ico_lanmu_time.png) left center no-repeat;}
			.lanmu_con .l3{ padding:10px 0 0; line-height:2;}

/* ================================== lanmu 视频列表 ====================================== */

.lanmu_videos{ margin:0 0 0 -16px; padding:10px 0 0; width:1016px;}
	.lanmu_videos ul{ float:left; position:relative; margin:30px 0 0 16px; width:238px; height:160px;}
		.lanmu_videos .l1{ width:238px; height:160px; overflow:hidden;}
			.lanmu_videos .l1 img{ width:238px; height:160px;}
		.lanmu_videos .l2{ position:absolute; bottom:0; left:0; padding:0 10px; width:218px; height:30px; line-height:30px; background:rgba(0, 0, 0, .5); font-size:14px; color:#FFF; overflow:hidden;}

/* ================================== 用户列表页 ================================== */

#navSideBar .title{ padding:0 0 0 20px; height:31px; line-height:31px; font-weight:100; background:repeat-x url(topic_bg1.png) left top; color:#000; font-size:14px; border:none;}
#UserListMain{ border:1px solid #DBDCDE;margin-bottom:10px;}
	#UserListMain .topic{ padding:0 10px 0 15px; height:65px; border-bottom:none; background:repeat-x url(topic_bg.png) left top; font-weight:100;}
		#UserListMain .topic .title{ padding:0; height:30px; line-height:30px; background:none;}
		#UserListMain .topic .order{ height:34px; line-height:34px; clear:left; font-size:12px; border-bottom:1px solid #ccc;}
	#UserListMain .list{ padding:0 0 10px 0;clear:left;}
		#UserListMain .list .user{ float:left; padding:10px 0 0 8px; width:260px;}
			#UserListMain .list .user .l1{ float:left; width:75px; height:110px;text-align:center;}
				#UserListMain .list .user .l1 span#userIcon{ display:block; margin:0 auto; margin-top:5px;  padding:4px; width:50px; height:50px; border:solid 1px #CCC; background-color:#f9f9f9; overflow:hidden;}
				#UserListMain .list .user .l1 span#userIcon img{ width:48px; height:48px;}
				#UserListMain .list .user .l1 span#userOnline{ display:block; margin-top:5px; color:#996600;}
				#UserListMain .list .user .l1 span#userOffline{ display:block; margin-top:5px; color:#999;}
			#UserListMain .list .user .l2{ float:left; margin-left:5px; width:160px; line-height:20px;}
		#UserListMain .list .line{ display:none;}
		#UserListMain .list .showPage{ padding:20px 0 0 0; margin-left:12px; }

/* ================================== 登录页 ================================== */

#userLogin{ margin:0 auto 10px; padding:0 0 50px 0; width:958px; border:1px solid #DBDCDE; background:#f7f7f7;}
	#userLogin .title{ padding:0 10px 0 0; height:30px; line-height:30px; border:1px solid #fff; background:repeat-x url(title_bg.jpg) left top;}
	#userLogin .login{ padding:20px 0 0 20px; font-size:14px;}
		#userLogin .login li{ padding:8px 0;clear:left;}
		#userLogin .login li span{ float:left; padding:0 10px 0 0; width:50px; height:28px; line-height:28px;}
		#userLogin .login li.l1 input{ float:left; margin-right:5px; padding:0 2px; height:28px; line-height:28px; border:solid 1px #999; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;}
		#userLogin #os_codeimg{ height:28px;}
			#userLogin .login li.l2{ padding:0 0 0 55px;}
			#userLogin .login li.l3{ padding:10px 0 0 55px;}
				#userLogin .login li.l3 input{ padding:0 10px; height:30px;}
		#userLogin #os_username_login,
		#Login #os_password_login,
		#userLogin #UserName,
		#userLogin #Password{ width:300px;}
		#userLogin .reg{ padding:0 0 0 75px;}
			#userLogin .reg li{ padding:10px 10px 0 0; float:left;}
			#userLogin .reg a{ color:#257FB6; text-decoration:underline;}
			#userLogin .reg a:hover{ text-decoration:none;}