@charset "utf-8";







/* main body bg */



body {



	background:#fff url(../images/headerBgblue.jpg) center top repeat-x;



	



	}



	



.borderRight {



	border-right:1px solid #2C3034;



	}



	



.logo a {



	display:block;



	position:absolute;



	top:5px;



	left:7px;



	width:420px;



	height:75px;



	background:url(../images/hp-logo2.png) no-repeat;



	text-indent:-999em;



	overflow:hidden;



	}







	



.notice {



	margin:20px auto 10px auto;



}



.notice b{



	color:#5C6976;



	font-weight:bold;



	}



	



/* 视频索引 */



.vidoeIndex {



	position:relative;



	height:30px;



	border:1px solid #2C3034;



	background:url(../images/sapphire/rightColXSBg.jpg) repeat-x;



	}



	.vidoeIndex .title {



		position:absolute;



		top:-1px;



		left:-1px;



		width:90px;



		height:30px;



		background:url(../images/sapphire/vidoeIndexTitleBg.png) no-repeat;



		display:block;



		text-indent:1em;



		line-height:30px;



		}



	.vidoeIndex .gengduo {



		position:absolute;



		display:block;



		right:5px;



		top:0;



		line-height:30px;



		}



		.vidoeIndex ul {



			margin-left:90px;



			line-height:30px;



			}



			.vidoeIndex ul li {



				display:inline;



				float:left;



				margin-right:10px;



				}



	











/* 搜索条 */



.searchBox{



	display:block;



	position:absolute;



	top:35px;



	right:0px;



	width:245px;



	height:30px;



	



	}



	.searchBox .searchBar {



		display:block;



		position:relative;



		width:240px;



		height:28px;



		background: url(../images/icoIndexblue.png) 0 -228px no-repeat;



		}



		.searchBox .searchBar .type {



			color:#FFF;



			font-weight:bold;



			display:inline-block;



			width:56px;



			height:28px;



			line-height:30px;



			text-align:center;



			float:left;



			display:none;



			}



		.searchBox .searchBar .btnSearch {



			float:right;



			border:0;



			width:48px;



			height:22px;



			background: url(../images/btnSearch1.png) repeat-x;



			color:#79ab55;



			margin:3px 0 0 0;



			cursor:pointer;



			}



		.searchBox .searchBar .keyword{



			background:none;



			border:0;



			color:#0f4701;



			line-height:28px;



			width:150px;



			height:28px;



			margin-left:25px;



			}



	.searchBox .hotTip {



		position:relative;



		padding-left:32px;



		margin:10px auto auto 2px;



		background:url(../images/sapphire/iconHot.gif) left center no-repeat;



		display:none;



		}



		.searchBox .hotTip li {



			display:inline;



			}



			.searchBox .hotTip li a {



				color:#fff;



				}



			.searchBox .hotTip li a:hover{



				color:#FF9900



				}



		.searchBox .hotTip li.splt {



			color:#727F92;



			margin:auto 7px;



			font-size:10px;



			}



			



.me1 {



	



	position:absolute;



	top:2px;



	right:10px;



	width:250px;



	height:29px;



	line-height:30px;



	padding-left:10px;



	color:#004c00;



	}			



.me {



	display:block;



	position:absolute;



	top:2px;



	right:10px;



	width:190px;



	height:29px;



	line-height:30px;



	padding-left:10px;



	color:#004c00;



	}



	.me a {



		color:#004c00;



		}



	.me a.logout {



		margin-left:21px;



		}



	.me a.my {



		margin-left:21px;



		display:inline-block;



		padding-right:15px;



		



		}







/*首页导航样式*/



.navBar {



	display:block;



	position:absolute;



	top:78px;



	width:950px;



	height:32px;



	



	}



	.navBar li{



		display:block;



		float:left;



		



		}



		.navBar li a{



			display:block;



			float:left;



			font-size:14px;



			font-weight:bold;



			color:#FFF;



			width:95px;



			line-height:32px;



			text-align:center;



			margin-right:2px;



			_margin-right:1px;



			}







		.navBar li a:hover,.navBar li a.active{



			color:#FFF;



			background:url(../images/icoIndexblue.png) 0px -353px no-repeat;



			



			}



		.navBar li.first a:hover,.navBar li.first a.active{



			background-position:0 -353px;



			}



		.navBar li.long a:hover,.navBar li.long a.active{



			background-position:0 -353px;



			}



		.navBar .changeStyle{



			position:relative;



			margin:9px 9px 0 0;



			padding:1px;



			float:right;



			width:100px;



			height:19px;



			background:url(../images/sapphire/styleChgBg.jpg) no-repeat;



			display:none;



			}



			.navBar .changeStyle a{



				display:inline-block;



				width:7px;



				height:7px;



				margin:5px 0 0 6px;



				line-height:7px;	/* for ie6 */



				font-size:7px;		/* for ie6 */



				}







/* 通用框架样式 */



.block {



	border:1px solid #d8d8d8;



	border-top:3px solid #488b24;



	background-color:#fff;



	}







/* 栏目标题样式 */



.bTitleTxt {



	color:#FF9900;



	font-weight:bold;



	/*padding-top:17px;*/



	margin-left:21px;



	font-size:14px;



	}







.bTitle {



    color: #413D32;



    font-family: "微软雅黑","宋体",Verdane,Arial,Helvetica,sans-serif;



    font-size: 16px;



    font-weight: bold;



    line-height: 25px;



    padding-left: 5px;



}



.bTitle2 {



		font-family: "微软雅黑","宋体",Verdane,Arial,Helvetica,sans-serif;



		font-size: 16px;



		font-weight: bold;



		line-height: 25px;



		background: url(../images/icoIndexblue.png) 0 -316px no-repeat;







		width:80px;



		height:30px;



		color:#FFF;



		margin-left:10px;



		text-align:center;



		text-shadow:1px 1px 2px #163c02;



		}



.more{



	display:block;



	width:36px;



	height:17px;



	background:url(../images/iconMore.gif) no-repeat;



	float:right;



	margin:4px 8px 0 0;



	



}



.moreTxt {



	display:inline-block;



	float:right;



	margin-top:17px;



	margin-right:10px;



	}







/* 排行榜 */



.sortTab {



	margin:14px 14px 0 15px;



	height:32px;



	}



	.sortTab li {



		display:block;



		float:left;



		width:75px;



		height:30px;



		line-height:30px;



		border:1px solid #2C3034;



		margin-right:-1px;



		background:url(../images/sapphire/rightColXSBg.jpg);



		cursor:pointer;



		text-align:center;



		}



	.sortTab li.active {



		border-bottom:1px solid #21262C;



		background:#21262C;



		color:#FF9900;



		}



.tab {



	position:absolute;



	top:18px;



	width:730px;



	text-align:center;



	}



	.tab li {



		display:inline;







		margin-right:8px;



		}



		.tab li.splt {



			font-size:10px;



			color:#2C3034;



			line-height:14px;



			}



.sort {



	line-height:25px;



	background:url(../images/sapphire/iconSort.gif) left no-repeat;



	margin:5px 14px 14px 14px;



	}



	.sort li{



		display:block;



		border-bottom:1px solid #2C3034;



		padding-left:25px;



		padding-bottom:1px;



		}



.sort2 {



	line-height:25px;



	margin:5px 14px 14px 14px;



	}



	.sort2 li a {



		display:block;



		border-bottom:1px solid #2C3034;



		padding-left:25px;



		padding-bottom:1px;



		background:url(../images/sapphire/iconListPreNormal.gif) left center no-repeat;



		}



		.sort2 li a:hover {



			background:url(../images/sapphire/iconListPreHover.gif) left center no-repeat;



			}



		



/* 突出第一条的排行榜分页样式 */



.race {



	margin:0 10px 5px 14px;



	}



	.race li {



		position:relative;



		clear:both;



		line-height:28px;



		border-bottom:1px solid #2C3034;



		}



	.race li.last {



		border-bottom:0;



		}



	.race h1 a {



		font-size:14px;



		font-weight:bold;



		color:#FF9900;



		}



		.race li div {



			float:left;



			margin-right:10px;



			padding-bottom:5px;



			}



		.race li span{



			display:block;



			color:#5C6976;



			margin-left:100px;



			line-height:21px;



			}



		.race li i{



			float:left;



			display:block;



			width:16px;



			height:18px;



			background:url(../images/sapphire/iconRace.gif) no-repeat;



			margin:4px 5px 0 0;



			}



		.race li i.one{



			position:absolute;



			top:0;



			left:0;



			width:21px;



			height:29px;



			background-position:0 0;



			margin:0;



			}



		.race li i.two{



			background-position:0 -80px;



			}



		.race li i.three{



			background-position:0 -120px;



			}



		.race li i.four{



			background-position:0 -160px;



			}



		.race li i.five{



			background-position:0 -200px;



			}



		.race li i.six{



			background-position:0 -240px;



			}



		.race li i.seven{



			background-position:0 -280px;



			}



		.race li i.eight{



			background-position:0 -320px;



			}



		.race li i.nine{



			background-position:0 -360px;



			}



		.race li i.ten{



			background-position:0 -400px;



			}







a.img img{



	padding:1px;



	border:1px solid #AEAEAE;



	background:#fff;



	}



a.img:hover img{



	border-color:#ff6101;



	background-color:#fff;



	}



	



/* 页脚样式 */	



.footer {



	text-align:center;



	background-color:#efefef;



	color:#1f4e04;



	border-top: 2px #2990ec solid;


	margin-top: 50px;
	}







.footerbox {



    font-size: 10px;



    margin: 0 auto;



    width: 966px;



	padding-top:20px;



}



.footerbox img {



    padding-left: 50px;



}



.footerbox ul {



    padding-left: 20px;



    width: 570px;







}



.footerbox li {



    float: left;



    padding: 0px 20px;



    width: 100px;



	height:160px;



	border-right: 1px solid #dadada;



}



.footerbox h3 {



    font-size: 12px;



    font-weight:bold;



	



    background: #2990ec;



	height:22px;



	line-height:24px;



	color:#FFF;



	margin-bottom:10px;



}



.footerbox li p{



	height:22px;



	line-height:22px;

    width:100px;

    float:left;



}



.footerbox li p a,.footerbox li p a:hover{



	color: #2990ec;



}



.footerright {



    margin-top: 36px;



}



.footerright p {



    margin: 15px 0;



	



    color: #2990ec;



}	



/*右侧列表信息*/



.listSort, .listSort2, .listSort3{



	position:relative;



	/*background:#21252B url(../images/sapphire/vidoeListLeftBg.png) repeat-x;*/



	background: url("../images/con2Bg.png") repeat-x scroll center top #F2F2F2;



	border: 1px solid #D8D8D8;



	/*border-bottom:1px solid #2C3034;*/



	}



	.listSort2, .listSort3 {margin-top:10px;}



	.listSort .decoration {



		background:url(../images/sapphire/blockDecoration.png) no-repeat;



		position:absolute;



		top:0;



		left:0;



		width:35px;



		height:60px;



		}



	.listSort h1 {



		display:inline-block;



		margin-bottom:10px;



		}



	.listSort ul {



		display:inline-block;



		padding:16px;



		line-height:26px;



		}



		.listSort ul h2 {



			color:#5B6876;



			font-weight:bold;



			}



		.listSort ul li {



			display:block;



			float:left;



			margin-right:10px;



			}



			.listSort ul li a{



				white-space:nowrap;



				}











/*后面添加的样式*/







/*二级导航*/



.secondnav {



	line-height:45px; 



	width:100%; 



	margin:0 auto; 



	position: absolute; 



	top:115px;



	}



.secondnav span {padding-right:15px;}



.secondnav span a {color:#fff;}



.secondnav span a:hover {color:#ffbb02;}



.secondnav .secondnav_title {font-weight:bold; color:#ffbb02;}



.dotted {



	height:2px; 



	width:100%; 



	margin:4px auto; 



	overflow:hidden; 



	border-bottom:1px dotted #aeaeae;



	}







/*热点推荐*/



.recvideo {float:left; position:relative; width:116px; margin:6px 5px 0 5px;}



.recvideo a img {



	width:112px; 



	height:84px; 



	padding:1px;



	background-color:#fff;



	border:1px solid #aeaeae;



	}



.recvideo a:hover  img {



	border:1px solid #ffbb02;



	background-color:#fff;



}



.recvideo p{text-align:center;}







/*图片上的播放按钮*/



.btnPaly a{



	display:block; 



	width:26px; 



	height:20px; 



	overflow:hidden;



	position:absolute; 



	top:65px;



	left:10px;



	background:url(../images/icoIndex.png) 0 -168px no-repeat;



	text-indent:-999em;



    }



.btnPaly2 a{



	display:block; 



	width:26px; 



	height:20px; 



	overflow:hidden;



	position:absolute; 



	top:85px;



	left:10px;



	background:url(../images/icoIndex.png) 0 -168px no-repeat;



	text-indent:-999em;



    }	



.y_line { width:2px; height:324px; background:url(../images/con2_line.png); position:absolute; top:2px; right:0;}



/*c1 c2 c3*/



.main .box .c1 {



		width:284px; 



		border-top: 3px solid #2990ec; 



		margin-right:20px;



		padding:0 8px;



		}



	.main .box .c2 {



		width:324px; 



		border-top: 3px solid #2990ec; 



		margin-right:20px;



		padding:0 8px;



		}



	.main .box .c3 {



		width:254px; 



		border-top: 3px solid #2990ec;



		padding:0 8px;



		}



	.main .box .c1, .main .box .c2, .main .box .c3 {



		background:url(../images/con1Bg.png) repeat-x; 



		height:290px;



		}



/*精彩专题*/



.zt {



	width:290px;



	text-align:center;



	margin-top:8px;



}



.zt img {



	width:257px;



	height:97px;



	margin-bottom:10px;



}



.zt p {line-height:25px;}



/*返回顶部*/



.gototop {



	width:950px;



	margin:0 auto;



	position:relative;



}



.btntop a{



	position:absolute;



	top:0;



	right:5px;



	background: url(../images/icoIndexblue.png) 0 -195px no-repeat;



	width:24px; 



	height:24px;



	text-indent:-999em;



	overflow:hidden;



	margin-top:-9px;



	_margin-top:-7px;



}







/*li列表*/



ul .nav1,.nav1 li {list-style:none; margin:0px; padding:0px; clear:both;}



.nav1 li {line-height:24px;}



.nav1 li a {font-size:14px;}







ul .nav2,.nav2 li {list-style:none; margin:0px; padding:0px; clear:both;}



.nav2 li {margin-bottom:13px; _margin-bottom:10px;}



.nav2 li a {background:url(./images/icoIndex.png) 0 -119px no-repeat; padding-left:3px;}







ul.nav3, .nav3 li {list-style:none; margin:0px; padding:0px;}



.nav3 li { 



    float:left; 



	width:140px;



	text-align:center;



	margin:5px 5px 0px 5px;



	}



.nav3 li a img {



	border: 1px solid #AEAEAE;



    height: 105px;



    padding: 1px;



    width: 140px;



	}



.nav3 li a:hover img{



	border:1px solid #ff6101;



	}



	



.nav4  {



		display:inline-block;



		padding:0 0 10px 7px;



		}



.nav4 li {



		display:inline;



		width:62px;



		float:left;



		padding:10px 11px 0 9px;



		text-align:center;



		line-height:20px;



		}



.nav4 li a img {



		display:block;



		padding:5px;



		border:1px solid #d9d9d9;



		background:#fff;



		margin-bottom:7px;



		}



.nav4 li a:hover img{



		border-color:#ffbb02;



		background-color:#fff;



		}



.nav4 li pre{



		color:#828281;



		}



		



.nav5 {



		margin:5px 0px 0px 10px;



		line-height:20px;



		overflow:hidden;



		width:280px;



		}



.nav5 li{



		overflow:hidden;



		clear:both;



		margin-bottom:7px;



		



		}



.nav5 li.top em{



		background:url(../images/icoIndexblue.png) 0 -71px no-repeat;



		color:#FFF;



		}



.nav5 li em{



		background:url(../images/icoIndex.png) 0 -94px no-repeat;



		color: #929292;



		display: block;



		overflow:hidden;



		font-family: "Tahoma";



		font-size: 11px;



		height: 16px;



		line-height: 13px;



		text-align: center;



		width: 16px;



		float:left;



		margin:2px 4px 0 0;



		}



.nav5 li span{



		float:right;



		color:#868684;



		}



.nav5 a {



		display:inline-block;



		padding-right:25px;



		float:left;



		}



.nav5 a:hover{



		background:url(../images/sapphire/btnPlayS.gif) right center no-repeat;



		}







.nav6 {margin:5px 0px 0px 15px;}



.nav6 li {



	width:270px; 



	text-align:center; 



	line-height:25px;



	}



.nav6 li img {width:268px; height:80px;}



.nav6 li p a{



	font-size:14px; 



	font-weight:bold;



	margin-bottom:10px;



	}







.nav7 {margin:10px 0 0 0; padding:0px;}



.nav7 li {



	width:150px; 



	height:155px; 



	float:left;



	text-align:center;



	}



.nav7 li a img {



	width:136px; 



	height:101px;



	background-color: #FFFFFF;



    border: 1px solid #AEAEAE;



	padding:1px;



	}



.nav7 li a:hover img{border:1px solid #ff6101;}



.nav7 li h2 {line-height:20px; padding:0 8px;}







.nav8 {margin:0; padding:0;}



.nav8 li a{



	line-height:30px;



	clear:both;



	padding:0px 10px;



	display:block;



}



.nav8 li a h2 {	font-size:14px;}



.nav8 li span {



	float:right; 



	margin-right:10px; 



	color:#909090;



	font-size:12px;



	}



.nav8 li.db {background-color:#efefef;}



.nav8 li a:hover {



	background-color:#E74303;



	color:#fff;



}



.nav8 li a:hover span {color:#fff;}







.nav9 {margin:5px 0px;}



.nav9 li {line-height:25px; color:#ababab;}



.nav9 li a {font-size:14px; margin-right:10px;}











.nav10 {margin:10px 0; padding:0px; width:870px; overflow:hidden; float:left;}



.nav10 li {



	line-height:26px; 



	float:left;



	width:90px;



	height:90px;



	margin:0 9px;



	}



.nav10 li a {



	display:block;



	float:left;



	width:90px; 



	height:90px;



	background-color:#403f3f;



	color:#fff;



	text-align:center;



}



.nav10 li a img {



	width:80px; 



	height:60px;



	margin-top:5px;



	}



	



.nav11{



	margin:0;



	padding:0;







}



.nav11 li {float:left; margin:0px 8px;}



.nav11 li a{



	 padding-left:8px;



	 display:block;



	 float:left;



}



.nav11 li a span {padding-right:8px; color:#fff;}



.nav11 li a:hover{



	background:url(../images/secondnavBg.png) no-repeat left center;



	



}



.nav11 li a:hover span{



	background:url(../images/secondnavBg.png) no-repeat left center;



}

.tq{

    float:left;

    margin:30px 0 0 470px;

}

.secondnav {



	line-height:45px; 



	width:100%; 



	margin:0 auto; 



	position: absolute; 



	top:115px;

    

    left:30px;

	}



.secondnav div{display:none;}



.secondnav a {color:#fff;padding-right:15px;}



.secondnav a:hover {color:#ffbb02;}