@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 #fff;color:#000;line-height:1.5;font:15px "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:#032A42;text-decoration:none;}
	a:hover{color:#1E50A2;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:1026px;clear:both; }
   
/*-----------newsBox---------------------------*/
   .newsBox{width:1026px;float:left; background:url("newsBox.png") no-repeat; height:315px; margin-top:980px;}
   
   .newsBoxLeft{width:490px;float:left; padding:14px 0 0 10px;}
   .notice { width: 490px; overflow: hidden;float:left;}
	.notice .tab-hd { height: 33px; margin-bottom: -1px; color: #404040; font-size:18px;}
	.notice .tab-hd ul { padding-top: 4px; margin-left: 7px; }
	.notice .tab-hd li{ float: left; height: 33px; line-height: 18px;}
	.notice .tab-hd li a{ display:block; padding:0 28px; color:#FFF;}
	.notice .tab-hd li a:hover{ color:#F90; text-decoration:underline;   }
	.notice .tab-hd li.on{font-weight: bold; position: relative; margin-left: -1px; margin-right: -1px; }
	.notice .tab-bd { padding:5px;font-size:16px;}
	.notice .tab-bd ul{ overflow:hidden; zoom:1; }
	.notice .tab-bd li { height: 47px; line-height: 47px; padding: 0 10px 0 15px; overflow: hidden; width:465px;position: relative;}
	.notice .tab-bd li:before {
    content: "";
    position: absolute;
    top: 23px;
    left:0;
    display: block;
    width: 4px;
    height: 4px;
    background-color:#00A0E0;}
	
   .newsBoxCenter{width:240px;float:left; padding:80px 0 0 30px; font-size:16px; line-height:33px;}
   .newsBoxCenter a{ font-weight:bold; color:#00A0E0;}
   
   .newsBoxRight{ width:255px;float:left; }

   
/*-----------yetai---------------------------*/
.yetaiBox{width:1007px;float:left; background:url("newsBox.png") no-repeat scroll 0 -390px;margin-top:30px;}
.yetaiBox h2 a,.yetaiBox h2 a:visited{float: right;display:block; color:#FFF; margin-top:18px; padding-right:10px;}
.yetai{width:934px;float:left; padding-left:173px;margin-top:70px;}
.yetai img{width:436px; height:307px;float:left;}
.yetai ul{ float: left;font-size:16px; margin:15px 0 0 20px; height:390px;}
.yetai ul li { height: 47px; line-height: 47px; padding: 0 10px 0 15px; overflow: hidden; width:435px;position: relative;}
.yetai ul li:before {
    content: "";
    position: absolute;
    top: 23px;
    left:0;
    display: block;
    width: 4px;
    height: 4px;
    background-color:#00A0E0;}
	
/*---------------------mediaBox	-------------------------*/
.mediaTitle{width:980px;float:left; background: url(mediabg.jpg);padding:10px;}
.mediaTitle h2 a{ font-size:32px; color:#FFF; font-weight:normal; width:200px;float:left;}
.mediaTitle  p{float:right;}

.mediaBox{width:1000px;float:left;}
.mediaBig{ width:500px; height:365px;float:left;position: relative;}
.mediaBig span{width:490px; height:30px; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position:absolute;bottom:0; z-index: 1;left:0; text-align:center;background:#00A0E0; filter: alpha(opacity=80); opacity: 0.8;padding:0 5px;}
.mediaBig span a{ color:#FFF;display: block;width:490px; height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.mediaBig img{ width:500px; height:365px;float:left;}
.mediaBox ul{width:490px;float:right;}
.mediaBox li{width:235px; float:left; padding:5px;position: relative;}
.mediaBox li img{width:235px; height:175px;float:left;}
.mediaBox li span{width:225px;height:30px; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position:absolute;bottom:4px; z-index: 1;left:5px; text-align:center;background:#00A0E0; filter: alpha(opacity=80); opacity: 0.8; padding:0 5px;}
.mediaBox li span a{ color:#FFF;display: block;width:225px;height:30px;line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	
/*-----------map-------------------------*/

.mapTitle{width:1000px;float:left; background:url("mapbg.jpg") repeat-x;margin-top:30px; padding-bottom:30px;}
.mapTitle h2{ text-align:center; color:#FFF; font-size:36px; padding:15px 0 5px 0;}
.mapTitle p a{float: right; color:#FFF;}
	.headPic{width:1000px;float:left;}
	
	.focusBox { position: relative; width: 1000px; height:380px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;float:left; }
	.focusBox .pic img { width: 1000px; height:380px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 40px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 40px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:40px; line-height:40px; position:absolute;width: 1000px;overflow: hidden;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 15px; font-weight: bold; text-decoration: none;width: 1000px;height:29px; line-height:29px; overflow: hidden;}
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }


/*-----------foot_info---------------*/
  	.foot_info {width:1000px;padding:10px 0;text-align:center;line-height:27px;float:left;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif !important;font-size:15px; margin-top:20px;color:#fff; background:#00A0E0;}
	.foot_info p {width:100%;text-align:center;}