/*!	文档说明：
 *	说明：专题页样式设置
 *	作者：刘刚
 *	版本：1.0
 *	编写日期：2014-1-8
 *	最后修改：2014-1-13
 */



/*--------------------------------------------------
 *	基础样式
 *--------------------------------------------------*/
html,body{ font-family:"微软雅黑"; background:url(../images/body_bg.jpg) repeat-x #f7f3e9; }

/*--------------------------------------------------
 *	头部区域样式
 *--------------------------------------------------*/
.header{ width:980px; height:536px;  margin:0 auto; }
/*--------------------------------------------------
 *	中间区域样式
 *--------------------------------------------------*/
.center{ width:980px;  margin:0 auto; box-shadow:0 0 10px rgba(51,51,51,0.5);  background:url(../images/center_bg.jpg) repeat-y; position:relative;}
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.tiao{ width:980px; height:10px; position:relative; *top:-6px;}
/*第一部分*/
.bar{ margin-left:20px;}
/*生平*/
.introduce{ width:980px;}
.intro_box{ width:390px; margin-left:15px; }
.intro_box p{font-size:12px; color:#3f2b00 ; line-height:26px;}
.intro_box ul{}
.intro_box li{ float:left; width:130px; line-height:25px; text-align:center;}
.intro_box li a{ font-size:14px; color:#576556; font-weight:bold;}
/*介绍*/
.life{ width:980px; height:250px;  margin-top:10px; margin-bottom:20px;}
.life li{ width:320px; height:250px;}
.achievement{ background:url(../images/bg1.jpg) no-repeat; float:left; display:inline;}
.poetry{ background:url(../images/bg2.jpg) no-repeat; float:left; display:inline; margin-left:10px;}
.allusion{ background:url(../images/bg3.jpg) no-repeat; float:right; display:inline;  }
.achieve{ margin:170px 0 0 100px; width:200px;}
.achieve a{ color:#fff; font-size:14px; margin-right:15px; line-height:25px;}
.achieve a:hover{ text-decoration:underline;}
.achieve p{ font-size:14px; color:#fff; margin-bottom:5px;}
.achieve p a{ margin:0; color:#fff;}
.achieve span{ width:200px;  font-size:14px; color:#fff; display:inline-block; text-align:right;}
/*在黄州*/
.in-huangzhou{ width:980px; height:358px; }
.bg4{ width:350px; height:358px; background:url(../images/bg4.jpg) no-repeat top right;}
.bg4 a{ width:350px; height:358px; display:block;}
.huangzhou-event{ width:550px; margin-left:20px; display:inline;}
.huangzhou-event h1{ font-size:20px; text-indent:24px;}
.huangzhou-event h1 a{ color:#5d430c;}
.huangzhou-event p{ font-size:14px; color:#3f2b00; text-indent:24px; line-height:24px;}
.huangzhou-event p a{ color:#576556; font-weight:bold; margin-right:5px;}
/*人物评价*/
.evaluation{ width:980px; height:141px; margin-top:20px; margin-bottom:20px;}
.evaluate{ width:610px; height:141px;}
.evaluate p{ width:550px; margin-left:60px; font-size:14px; color:#3f2b00; text-indent:24px; line-height:24px; }
.evaluate p a{ color:#576556; font-weight:bold; margin-right:5px;}
.bg5{ width:350px; height:141px; background:url(../images/bg5.jpg) no-repeat top left;}
.bg5 a{ width:350px; height:141px; display:block;}
/*历史故事*/
.history{ width:980px; height:214px; margin-bottom:30px;}
.history li{ width:301px; height:214px; float:left; margin-left:18px; display:inline;}
.history li a{  width:305px; height:214px; display:block; text-indent:-9999px;}
.shenshi a{ background:url(../images/h1.jpg) no-repeat center center;}
.shenshi a:hover{background:url(../images/h01.jpg) no-repeat center center;}
.family a{ background:url(../images/h2.jpg) no-repeat center center;}
.family a:hover{background:url(../images/h02.jpg) no-repeat center center;}
.die a{ background:url(../images/h3.jpg) no-repeat center center;}
.die a:hover{background:url(../images/h03.jpg) no-repeat center center;}

/*第二部分*/

/*东坡景点*/
.bund{ width:860px; margin:10px auto 20px;}
.bund_left{ width:455px; float:left; display:inline;}
.bund_left p{ font-size:12px; color:#3f2b00; text-indent:24px; line-height:24px; margin-top:5px;}
.bund_right{ width:345px; float:right; display:inline;} 
.bund_right ul{ margin-top:5px;}
.bund_right li{ background:url(../images/dian.jpg) no-repeat left center; text-indent:15px; line-height:24px;}
.bund_right li a{ font-size:12px; color:#3f2b00;}
.bund_right1 li{ width:170px; float:left;}
/*第三部分*/
.part3{ margin-top:30px;}
/*东坡文化节*/
.bg6{ width:980px; background:url(../images/bg6.jpg) no-repeat top center;}
.culture-festival{ width:860px;margin:10px auto 30px;}
.culture_left{ width:455px; float:left; display:inline;}
.culture_left h1{ font-size:16px; color:#5d430c; line-height:30px;}
.culture_left h1 a{ color:#5d430c;}
.culture_left p{ font-size:12px; color:#3f2b00; text-indent:24px; line-height:24px; }
.culture_right{ width:367px; height:284px; background:url(../images/kuang.png) no-repeat; float:right; display:inline;}
.scroll{ width:340px; height:240px; margin:25px 0 0 18px; overflow:hidden;} 
.scroll li{ background:url(../images/dian.jpg) no-repeat left center; text-indent:15px; line-height:24px;}
.scroll li a{ font-size:12px; color:#3f2b00;}
/*黄州美食*/
.picList{width:880px;margin:10px auto 30px;}
.picList li{ width:156px; margin:0 10px; float:left; display:inline;}
.picList li h1{ font-size:16px; line-height:30px; text-align:center;}
.picList li h1 a{color:#5d430c;}
.picList li p{ font-size:12px; color:#3f2b00; line-height:20px;}
/*城市建设*/
.city{ width:860px; margin:10px auto 30px;}
.city_box{ width:420px; height:120px;}
.city_box img{ width:156px; height:117px; float:left;}
.city_box .city_infor{ width:254px; float:right;}
.city_infor h1{ font-size:16px; margin-bottom:10px; }
.city_infor h1 a{ color:#5d430c;}
.city_infor p{ font-size:12px; color:#3f2b00; line-height:20px;}
/*第四部分*/
.part4{ margin-top:30px;}
/*图说黄州*/
.picList1{ overflow:hidden; margin-bottom:20px;}
.picList1 ul{ width:9999px;}

/*视频专区*/
.video{ width:980px; height:160px; position:relative;}
.video_box{ width:880px; height:160px; overflow:hidden;  position:relative;}
a.prev,a.next{ width:36px; height:36px; position:absolute; top:50px; left:15px; background:url(../images/prev.png) no-repeat; text-indent:-9999px;}
a.next{ left:930px; background:url(../images/next.png) no-repeat;}
.video_list{ position:absolute;}

/*----------------------------------------
    边导航
--------------------------------------------*/
.sub_nav{ width:28px; position:absolute; top:0; left:-45px;}
.sub_nav li{ text-align:center;}
.sub_nav li a{ width:21px; background:url(../images/sub_nav.png) no-repeat; display:block; text-indent:-9999px;}
.sub_nav .nav1 a{ background-position:0px -13px; height:95px;}
.sub_nav .nav1 a:hover{ background-position:-21px -13px;}
.sub_nav .nav2 a{ background-position:0 -108px; height:89px;}
.sub_nav .nav2 a:hover{ background-position:-23px -108px;}
.sub_nav .nav3 a{ background-position:0 -198px; height:89px;}
.sub_nav .nav3 a:hover{ background-position:-22px -198px;}
.sub_nav .nav4 a{ background-position:0 -288px; height:89px;}
.sub_nav .nav4 a:hover{ background-position:-21px -288px;}
.xian{ background:url(../images/sub_nav.png) no-repeat 0 0; width:28px; height:13px; margin:10px 0px;}
.sub_nav .selected1 a{ background-position: -42px -13px;}
.sub_nav .selected2 a{ background-position: -46px -108px;}
.sub_nav .selected3 a{ background-position: -44px -198px;}
.sub_nav .selected4 a{ background-position: -42px -288px;}