@charset "utf-8";
/*-----------Notice------------------------------
	   Filename:  Main.css
	Description:  Reset/HomePage/NewsCenter/PhotoPage/List/Details/Bordlives CSS
		 Update:  2011-8-26 by meiy76(meiy76@163.com)
		       l_$:  layout      exp: l_topbar, l_page, l_top, l_cont, l_foot...
		      t_$:  top          exp: t_logo,t_nav,t_menu,t_topbar
	     cont_$:  content    exp: cont_main, cont_movie, cont_lives
		    ad_$:  advert
		  foot_$:  foot         exp: foot_menu, foot_info
		      *_$:  For TNND IE
		 *html $:  For TNND IE6
	   *+html $:  For TNND IE7
------------------------------------------------*/
/*-----------Reset-----------------------------*/
	body{background: url("by.jpg") repeat-x scroll center top #232064;color:#fff;line-height:1.5;font:12px "Microsoft YaHei","Trebuchet MS", "Verdana", "Helvetica", "Tahoma", "\5b8b\4f53", "sans-serif";}
	body, p, blockquote, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend{margin:0;padding:0;}
	h2, h3, h4, h5, h6{font-size:15px;}
	table{border-collapse:collapse;border-spacing:0;}
	input, textarea, button, select {font-family:"Verdana";vertical-align:middle;}
	label{vertical-align:middle}
	legend {color:#333;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
	ul,ol{list-style:none;}
	img{border:0;}
	a,a:visited{color:#fff;text-decoration:none;}
	a:hover{color:#fff;text-decoration:underline;}
	a:active{color:#933;}
	.clear {clear:both;font-size:0;line-height:0;}
	.floatl{float:left;font-weight:bolder;}
	.floatr{float:right;}
	.red {color:#990000;}
	.a_bold, .a_bold:visited {font-weight:bold;}
	.a_red, .a_red:visited {color:#BA2636;}
	.a_blue, .a_blue:visited {color:#00549b;}
/*---------------------------------------------*/
/*-----------Layout---------------------------*/
   .l_page {margin:0 auto;width:1100px;clear:both; }
   
.banner{width:1100px; float:left; margin:760px 0 30px;}
.banner li{width:220px; float:left; text-align:center;font-size:21px;font-weight:bolder;height:115px; padding:10px 0 0 0;background:url("title.png") no-repeat scroll 40px -490px;}

 /*------------------HDimages---------------------------*/		
	.HDimagestBox{width:1100px; float:left;position:relative; height:680px; margin-top:20px;}
	
 /*------------------headline---------------------------*/		
.news{width:1100px;float:left;padding:0 0 20px 0;}
	.news h2 a,.news h2 a:visited{width:1100px;text-align:center;float:left;line-height:80px;height:80px;font-size:37px;margin-top:10px;}
	.headline{line-height:29px;float:left;margin-bottom:25px;font-size:15px;width:1100px;text-align:center; border-bottom:1px #0257D6 solid; padding-bottom:15px;}
	.newsListBoxLeft .more,.sdjjBoxLeft .more{ color:#01328E; font-weight:bold;}
	.headline .more{ color:#fff; font-weight:bold; background:#B81716; padding:2px 3px; margin-left:10px;border-radius:6px;} 

/*-----------news-----------*/	
.newsListBox{width:1100px;float:left; padding:10px 0;}
.newsListBoxRight{width:430px;float:left; margin-left:15px;}
.newsListBoxRight h3{line-height: 49px;font-size:19px;float:left;}
.newsListBoxRight li { line-height: 50px; height: 50px;padding: 0 0 0 15px; overflow: hidden; width:410px; margin:0 5px;position: relative;float:left; font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsListBoxRight  li:before {
    content: "";
    position: absolute;
    top: 21px;
    left:0;
    display: block;
    width: 5px;
    height: 5px;
    background-color:#fff;}	
	
.newsListBoxLeft{width:640px;float:left;}

.headPic{width:640px;float:left;}
	
	.foxBox { position: relative; width: 640px; height:400px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;float:left; }
	.foxBox .pic img { width: 640px; height:400px; display: block; }
	.foxBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 40px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.foxBox .txt { position: absolute; bottom: 0; z-index: 2; height: 40px; width:100%; overflow: hidden; }
	.foxBox .txt li{ height:40px; line-height:40px; position:absolute;width:500px;overflow: hidden;}
	.foxBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 15px; font-weight: bold; text-decoration: none;width: 600px;height:29px; line-height:29px; overflow: hidden;}
	.foxBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.foxBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.foxBox .num li a,.foxBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.foxBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.foxBox .num li.on a,.foxBox .num a:hover{ background:#f60;  }
	
/*-------liveTitle-------------*/
.liveTitle a,.liveTitle a:visited{width:1100px; float:left; height:110px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.png") no-repeat scroll 0 0;margin:60px 0 30px;}

	.imagestBox{width:1100px; float:left;position:relative; height:740px;}
	.w2cFocus{ width:100%;  position:relative;  height:500px; padding:10px 0;  }
	.w2cFocus .prev,.w2cFocus .next{ position:absolute;  display:block;  left:10px; top:250px; width:46px; height:62px; background:url("focusAdvBg.png") no-repeat; filter:alpha(opacity=80);opacity:0.8;  }
	.w2cFocus .next{ left:auto; right:10px; background-position:-46px 0; }
	.w2cFocus .prev:hover,.w2cFocus .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }
	.w2cFocusIn{ width:1080px; height:730px; position:relative;  margin:0 auto;  overflow:hidden;  }
	.w2cFocusIn .bd li{ vertical-align:middle; }
	.w2cFocusIn .bd li img{ width:1080px; height:675px; display:block;  }
	.w2cFocusIn .bd li span{ width:1080px; height:21px; display:block;position: absolute;bottom:0; background:#000000; filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity: 0.5;  
      opacity: 0.5;line-height:21px;padding:5px 10px;  }
	.w2cFocusIn .bd li span a,.w2cFocusIn .bd li span a:visited{ color:#FFFFFF; font-weight:bold;font-size:15px;}
	.w2cFocusIn .hd{width:1080px;height:52px;}
	.w2cFocusIn .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
	.w2cFocusIn .hd ul li{   float:left; display:inline; padding:4px 5px 0 0;    }
	.w2cFocusIn .hd ul li img{ width:126px; height:95px; border:2px solid #3499EA; display:block;  }
	.w2cFocusIn .hd ul li.on{ filter:alpha(opacity=100);opacity:1;}
	.w2cFocusIn .hd ul li.on img{ border:2px solid #fff; border-bottom-width:4px;   }

/*--------------------------talk------------------*/
.talkTitle a,.talkTitle a:visited{width:1100px; float:left; height:110px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.png") no-repeat scroll 0 -158px;margin:60px 0 0;}
.talkBox {
	width: 1100px;
	margin: 0 auto;
	height:450px;
	float:left;
	}

.picTitle a,.picTitle a:visited {
	width: 1100px;
	float: left;
	height: 80px;
	overflow: hidden;
	text-indent: -9999em;
	display: block;
	background: url("title.png") no-repeat scroll 0 -190px;
	margin: 160px 0 35px;
}

.pic {
	width: 1100px;
	float: left;
}
/* focus */
#focus {
	width: 1100px;
	float: left;
}

.mb-wrapper {
	margin: 0 auto 20px;
	position: relative;
	height: 500px;
	left: 0;
	top: 70px;
}

.mb-slider,.mb-scroll {
	width: 100%;
	height: 380px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
}

.mb-active-slider {
	border-color: #333;
}

.mb-slider .mb-panel {
	margin-top: 100px;
	display: block;
	cursor: pointer;
	float: left;
	list-style: none;
	width: 600px;
	height: 360px;
	text-align: center;
}

.mb-panel a {
	outline: 0;
	font-size: 15px;
	color: #FFF;
	text-align: center;
}

.mb-slider .mb-panel.current {
	cursor: auto;
}

.mb-inside * {
	max-width: 100%;
}

a.mb-scrollButtons {
	display: block;
	width: 45px;
	height: 58px;
	background: transparent url("arrows.png") no-repeat;
	position: absolute;
	top: 40%;
	margin-top: -29px;
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;
	_background: transparent url("arrows.gif") no-repeat;
}

a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: -45px;
}

a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: -45px;
}

a.mb-scrollButtons.mb-left:hover {
	background-position: left bottom;
}

a.mb-scrollButtons.mb-right:hover {
	background-position: right bottom;
}

a.mb-scrollButtons.disabled {
	display: none;
}

.mb-controls {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 370px;
	left: 560px;
	z-index: 100;
}

.mb-controls a {
	color: #1040a5;
	font: 18px/2.2 Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}

.mb-panel {
	margin-top: 90px;
}

.mb-controls a:hover {
	color: #001664;
}

.mb-controls a.current {
	color: #fff;
}

.main-nav {
	display: block;
	text-align: center;
	border-bottom: 2px solid #a71700;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

.main-nav a {
	text-decoration: none;
	color: #3e63ec;
	font-size: 18px;
	margin: 0 8px;
}

.main-nav a:hover {
	color: black;
	border-bottom: 2px solid black;
}

.mb-inside img {
	width: 100%;
}

/*----------------------media-------------------*/
.mediaTitle a,.mediaTitle a:visited{width:1100px; float:left; height:110px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.png") no-repeat scroll 0 -318px; margin:130px 0 55px;}
.sdjjBox{width:1100px;float:left;}

.sdjjBoxRight{width:640px;float: right;padding:5px 0 5px 5px;}

.sdjjBoxRight img{ width:640px; height:400px;float: left;}



/* 本例子css */
.scrollBox {
	width: 1080px;
	padding: 45px 10px;
}

.scrollBox .piclist {
	overflow: hidden;
	zoom: 1;
}

.scrollBox .ohbox {
	overflow: hidden;
	position: relative;
	width: 1030px;
	left: 35px;
}

.scrollBox {
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.scrollBox .piclist li {
	float: left;
	display: inline;
	width: 320px;
	padding: 5px;
	height: 270px;
}

.scrollBox .piclist li img {
	float: left;
	width: 320px;
	height: 200px;
}

.scrollBox .piclist li span {
	height: 29px;
	line-height: 29px;
	float: left;
	text-align: center;
	width: 310px;
	margin-top: 5px;
	padding: 5px;
}

.scrollBox .piclist li span h2 {
	font-size: 15px;
	font-weight: 300;
}

.scrollBox .pageBtn span {
	background: url("bntBg.png") no-repeat;
	display: block;
	width: 37px;
	height: 59px;
	position: absolute;
	top: 120px;
	cursor: pointer;
	text-indent: -999em;
	overflow: hidden;
}

.scrollBox .pageBtn .prev {
	left: 20px;
	background-position: -11px -84px;
}

.scrollBox .pageBtn .next {
	right: 20px;
	background-position: -53px -84px;
}

.hide,[hidden],template {
	display: none
}

/*--------------------------------------*/
.mediaPic{width:640px;float:left;}
	
.w3cFocus{ width:100%;  position:relative;  height:400px; padding:10px 0;  }
	.w3cFocus .prev,.w3cFocus .next{ position:absolute;  display:block;  left:10px; top:178px; width:46px; height:62px; background:url("focusAdvBg.png") no-repeat; filter:alpha(opacity=80);opacity:0.8;  }
	.w3cFocus .next{ left:auto; right:10px; background-position:-46px 0; }
	.w3cFocus .prev:hover,.w3cFocus .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }
	.w3cFocusIn{ width:640px; height:400px; position:relative;  margin:0 auto;  overflow:hidden;  }
	.w3cFocusIn .bd li{ vertical-align:middle; }
	.w3cFocusIn .bd li img{ width:640px; height:400px; display:block;  }
	.w3cFocusIn .bd li span{ width:640px; height:21px; display:block;position: absolute;bottom:0; background:#000000; filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity: 0.5;  
      opacity: 0.5;line-height:21px;padding:5px 10px;  }
	.w3cFocusIn .bd li span a,.w3cFocusIn .bd li span a:visited{ color:#FFFFFF; font-weight:bold;font-size:15px;}
	.w3cFocusIn .hd{width:490px;height:52px;}
	.w3cFocusIn .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
	.w3cFocusIn .hd ul li{   float:left; display:inline; padding:4px 5px 0 0;    }
	.w3cFocusIn .hd ul li img{ width:260px; height:140px; border:2px solid #3499EA; display:block;  }
	.w3cFocusIn .hd ul li.on{ filter:alpha(opacity=100);opacity:1;}
	.w3cFocusIn .hd ul li.on img{ border:2px solid #fff; border-bottom-width:4px;   }
	
	
	.mediaLeft{width:430px;float:left; margin-left:15px;}
.mediaLeft li { line-height: 51px; height: 51px;padding: 14px 0 14px 15px; overflow: hidden; width:410px; margin:0 5px;position: relative;float:left;
border-bottom:#3878FE 2px solid;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mediaLeft  li:before {
    content: "";
    position: absolute;
    top: 36px;
    left:0;
    display: block;
    width: 5px;
    height: 5px;
    background-color:#fff;}	
	


.stjkqRight{width:1100px;float:left;}
.stjkqRight li{width:320px;float:left;margin:4px 15px 4px 21px;display:inline;height:280px;text-align:center;padding:0 5px;}
.stjkqRight li img {width:320px;float:left;height:200px; padding:5px;}
.stjkqRight li span{width:320px;float:left;height:66px;line-height:33px;text-align:center;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif !important; font-size:18px;}

/*-----------foot_info---------------*/
  	.foot_info {width:1100px;padding:10px 0;text-align:center;line-height:27px;overflow:hidden;float:left;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif !important;margin-top:30px;color:#FFF; font-size:15px;}
	.foot_info p {width:100%;text-align:center;}
	.foot_info a, .foot_info a:visited {color:#ffcc00;}