@charset "utf-8";
/* CSS Document 
/************************************* 
*2009-12-1
*简摄影
*by tyyf
*************************************
*/
*{margin:0;padding:0;border:0;}
html,body{
	font-family: ArialTahoma, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	color:#333333;
	background:#4c4453;
}
li{list-style:none;}
a:link{text-decoration:none;color:#333333;} 
a:visited{text-decoration:none;color:#333333;} 
a:hover{text-decoration:underline;color:#D61789;} 

.clear{ clear:both;}

#wrapper{width:100%;}/* background:url(../images/bodybg.jpg) top center no-repeat;*/
#header{ width:942px; height:162px;	margin:0 auto;	background:url(../images/headBg.gif);}
.logo{ float:left; width:243px; height:130px; padding-top:32px; font-size:0px;}
.headinfo{ float:left; width:267px; height:61px; padding-left:430px; font-size:0px;}
.headcall{ float:left; width:248px; height:24px; padding:17px 0 0 430px; font-size:0px;}
.nav{ float:left; width:auto; margin:15px 0 0 17px; display:inline;}
.nav ul li{ float:left; width:auto; height:19px; padding:0 11px 0 11px;}
.nav ul li a{ width:26px; height:14px; cursor:pointer;}
.nav ul li.on{ background:url(../images/navbg.gif) left center no-repeat;}
.nav ul li.on1{ background:url(../images/navbg1.gif) left center no-repeat;}
.nav ul li a img{ margin-top:2px; cursor:pointer;}

#center{ width:942px; height:auto; margin:0 auto; background-color:#FFF;}
.slide{ float:left; width:100%; height:349px;}
#ImgPlayer{ background:url(../images/slidebg.gif) repeat-x bottom #FFF; height:349px; width:942px;}
#ImgBlk{ display:inline; float:left; height:338px; margin:6px 6px 0 6px; width:930px;}
#ss_img_div{width:930px; height:338px; float:left; overflow:hidden;}
#ss_img_div img{ float:left; height:338px; width:930px;}

#ImgNum{ display:inline; float:right; height:34px; width:250px; margin-right:15px; margin-top: -30px; overflow:hidden;}
#ImgNum ul{ width:auto; float:right; cursor:default;}
#ImgNum li{ background:url(../images/num_bg.gif) no-repeat top; width:17px; height:20px; text-align:center; float:left; margin:5px 5px 0 0; list-style:none; cursor:pointer; padding-top:5px;}
#ImgNum li.itemOn{ color:#ff5b9a; font-weight:bold; height:20px; padding-top:5px;}

#TxtBlk{ float:left; width:400px; height:34px;}
#Txt{ height:34px; line-height:34px; margin-left:15px;}
#Txt h2{color:#A80000; font-size:12px; font-weight:300; margin:0px; text-align:left;}
#Txt h2 a,#Txt h2 a:visited{color:#333333; text-decoration:none;}
#Txt h2 a:hover,#Txt h2 a:active{color:#A80000; text-decoration:underline;}
#con{text-align:left; color:#344F71; line-height:21px; display:none;}

.bannerOne{ float:left; width:100%; height:138px; background:url(../images/newsbanner.gif) no-repeat;}
.bannerOneleft{ float:left; width:167px; margin:21px 0 0 62px; display:inline;}
.bannerOnelefttext{ color:#ffa800; line-height:24px;}
.bnOnect{ float:left; width:96px; margin-top:53px;}
.bnOnecntop{ float:left; width:9px; margin:0 0 5px 82px; display:inline;}
.bnOnecnbtm{ float:left; width:9px; margin:5px 0 0 82px; display:inline;}
.bnOnenum{ float:left; width:100%; height:20px; background:url(../images/center.gif) no-repeat right; color:#FFF;}
.bnOnenums{ float:left; margin:2px 0 0 80px;}
.bnOnerig{ float:left; width:543px; margin:22px 0 0 44px; display:inline;}
.bnOnerigimg{ float:left; width:101px; border:1px solid #ff5b9a; width:95px; height:59px; padding:2px;}
.bnOnerigtext{ float:left; width:423px; margin-left:19px; display:inline; line-height:22px; color:#FFF;}
.bnOnerigtextspan{ color:#ffa800;}

.left{ float:left; display:inline; width:248px; height:auto; margin-left:27px;}
.qqmsn{ float:left; width:100%; margin-top:22px;}
.qqmsnimg{ float:left;}
.qqmsntext{ color:#133354; float:left; width:100%; margin-top:9px; line-height:20px;}
.qq{ float:left; width:100%; height:59px; margin-top:8px; background:url(../images/qq.gif) no-repeat;}
.qqtext{ color:#333!important; float:left; width:150px; margin:10px 0 0 92px; line-height:21px; display:inline;}
.msn{ float:left; width:100%; height:62px; margin-top:12px; background:url(../images/msn.gif) no-repeat;}
.msntext{ color:#333!important; float:left; width:150px; margin:8px 0 0 92px; line-height:21px; display:inline;}
.qa{ float:left; width:100%; margin-top:26px; height:224px;}
.qacon{ float:left; width:100%; margin-top:8px;}
.ico1{ float:left; width:20px; height:49px; margin:10px 0 0 8px; display:inline;}
.qadet{ float:left; width:213px; height:52px; margin:7px 0 0 7px;}
.qadet ul li{ float:left; width:213px; background:url(../images/libg.gif) bottom repeat-x; height:26px; line-height:26px;}
.qadet ul li a{ color:#fc3500!important;}
.qadet ul li a.lisp{ background:none; color:#333333!important;}

.right{ float:left; display:inline; width:609px; height:auto; margin-left:32px;}
.rigTop{ float:left; width:100%; height:auto; margin-top:20px;}
.rigTopmore{ float:left; height:35px; width:487px; border-bottom:1px solid #e259ca;}
.opusmore{ float:right; margin:8px 4px 0 0;}
.rigcon{ float:left; width:100%; height:auto; margin-top:10px;}
.rigcon ul li{ float:left; line-height:25px; margin:9px 0 0 6px; display:inline; text-align:center; width:199px;}
.rigcon ul li.lispo{ margin-left:0;}
.opusimg{ border:1px solid #f3f3f3; float:left; height:117px; padding:2px; width:193px;}

.content{ background:url(../images/contentbg.gif) repeat-x; float:left; height:173px; margin-top:19px; width:100%;}
.conleft{ float:left; height:100%; width:306px;}
.conleft ul{ float:left; width:276px; margin:26px 0 0 28px; display:inline; line-height:20px; color:#133354}
.conleft ul li{ float: left; width: 100%;}
.conleftimg{ float:left; width:100%;}
.conlefttext{ float:left; line-height:20px; margin-top:7px;}
.conlefttext2{ float:left; line-height:20px; margin-top:7px; width:230px;}
.conlefttext2 a{ color:#b0338d!important;}
.concenter{ float:left; height:100%; width:337px; background:url(../images/separate.gif) left repeat-y;}
.concenterimg{ float:left; width:102px; height:125px; padding-top:30px; padding-left:15px;}
.concentertit{ float:left; width:91px; height:37px; margin:26px 0 0 18px;}
.concenterdet{ float:left; width:180px; line-height:20px; margin:12px 0 0 18px;}
.concenterdet a{ color:#133354!important;}
.conrig{ float:left; height:100%; width:299px; background:url(../images/separate.gif) left repeat-y;}
.conrigtit{ display:inline; float:left; width:113px; height:38px; margin:26px 0 0 20px;}
.conrigweather{ float:left; width:164px; margin-top:24px;}
.conrig ul{ display:inline; float:left; margin:7px 0 0 20px; width:255px;}
.conrig ul li{ float:left; height:22px; line-height:22px; width:255px;}

.recommend{ float:left; width:100%; height:221px; background:url(../images/rec.gif) repeat-x;}
.recommendtit{ display:inline; float:left; height:17px; margin:25px 0 0 28px; width:294px;}
.rollBox{ display:inline; float:left; overflow:hidden; width:888px; margin:20px 0 0 28px;}
.rollBox .LeftBotton{height:11px; width:10px; background:url(../images/leftcorner.gif) no-repeat 0px 0; overflow:hidden;float:left;display:inline; margin:56px 12px 0 0; cursor:pointer;}
.rollBox .RightBotton{height:11px; width:10px; background:url(../images/rigcorner.gif) no-repeat 0px 0; overflow:hidden;float:left;display:inline; margin:56px 0 0 12px; cursor:pointer;}
.rollBox .Cont{ width:844px; overflow:hidden; float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{ width:199px; float:left; margin:0 0 0 12px; display:inline;}
.rollBox .Cont .lipsroll{ width:199px; float:left; display:inline; margin-left:6px;}
.rollBox .Cont .pic img{ padding:2px; border:1px solid #ccc; display:block;margin:0 auto;}
.rollBox .Cont .lipsroll img{ padding:2px; border:1px solid #ccc; display:block;margin:0 auto;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{ color:#626466; text-decoration:none;}
.rollBox #List1,.rollBox #List2{ float:left;}

#footer{ width:942px; height:100%!important; height:86px; min-height:86px; margin:0 auto;}
.link{ float:left; width:100%;height:100%!important; height:50px; min-height:50px; background:url(../images/linkbg.gif) repeat-x;}
.links ul{ display:inline; float:left; margin:20px 0 0 34px; width:870px;}
.links ul li{ display:inline; float:left; height:24px; line-height:24px; margin-left:7px;}
.links ul li a{ color:#666666!important;}
.linkjs{ float:left; margin:10px 0 0 815px; display:inline;}
.linkjsimg1{ float:left; margin-top:8px;}
.linkjsimg2{ float:left; margin-left:5px;}
.copyright{ float:left; width:100%; height:86px; background:url(../images/footerbg.gif) repeat-x;}
.copyrighttext{ color:#c0d2e9; float:left; line-height:22px; margin:25px 0 0 0; text-align:center; width:100%;}

.licheng{ float:left; margin-top:20px; width:100%; padding-bottom:30px;}
.licheng ul{ display:inline; float:left; margin:5px 0 0 7px;}
.licheng ul li{ float:left; height:33px; line-height:33px; padding-left:32px; width:208px;}
.licheng .l1{ background:url(../images/l1.gif) no-repeat left center;}
.licheng .l2{ background:url(../images/l2.gif) no-repeat left center;}
.licheng .l3{ background:url(../images/l3.gif) no-repeat left center;}
.licheng .l4{ background:url(../images/l4.gif) no-repeat left center;}

/*opus_style*/
.bannerTwo{ float:left; height:8px; width:100%; background:url(../images/centerline.gif) no-repeat left top; font-size:0;}
.rigTopmore2{ border-bottom:1px solid #e259ca; float:left; height:35px; width:428px;}
.opuspages{ border-top:1px solid #e0e0e0; float:left; margin-top:16px; padding-bottom:63px; width:100%;}
.opuspages ul{ display:inline; float:right; margin:13px 13px 0 0;}

/*about_style*/
.aboutcon{ float:left; width:579px; line-height:25px; padding: 15px 15px 80px 15px; overflow: hidden;}
.rigTopmore3{ float:left; height:35px; width:514px; border-bottom:1px solid #e259ca;}
.showMore{ float:left; height:35px; width:508px; border-bottom:1px solid #e259ca;}
.comboMore{ float:left; height:35px; width:422px; border-bottom:1px solid #e259ca;}
.contactMore{ float:left; height:35px; width:493px; border-bottom:1px solid #e259ca;}
.bookingMore{ float:left; height:35px; width:454px; border-bottom:1px solid #e259ca;}

/*message_style*/
.msgmore{ float:left; height:35px; width:474px; border-bottom:1px solid #e259ca;}
.message{ float:left; width:100%;}
.msg{ border-bottom:1px dotted #B0338D; display:inline; float:left; height:auto; margin:10px 0 0 10px; padding-bottom:6px; width:589px;}
.msgtit{ background:#FaFaFa; float:left; height:30px; line-height:30px; width:100%;}
.msgtit strong{ color:#B0338D;}
.msgtit span{ color:#ff6600;}
.msgtit .msgdate{ float:right; color:#333333!important; margin-right:15px;}
.msg ul{ float:left; margin:5px 0 0 10px; width:579px;}
.msg ul li{ line-height:25px;}
.msg ul li .qconcolor{ color:#B0338D;}
.msg ul li .aconcolor{ color:#51a208;}
.msgdet{ float:left; height:350px; width:100%}
.msgdet ul{ display:inline; float:left; margin:10px 0 0 15px; width:579px;}
.msgdet ul li{ color:#B0338D; float:left; height:30px; line-height:30px; width:280px;} 
.msgdet ul li .text{ width:200px; height:22px; border:1px solid #cccccc;}
.msgdet .textcon{ border:1px solid #B0338D; float:left; height:120px; margin:15px 0 0 15px; width:549px;}
.msgdet .msgbtn{ display:inline; float:left; margin:15px 0 0 30px; width:500px;}
.msgdet .msgbtn input{ cursor:pointer; height:25px; line-height:25px; width:50px;}

/*combo_style*/
.combo{ border: 1px solid #d4d4d4; float:left; margin-top: 32px; padding: 3px 2px; width:602px;}
.combo2{ border: 1px solid #d4d4d4; float:left; margin-top: 23px; padding: 3px 2px; width:602px;}
.combo3{ border: 1px solid #d4d4d4; float:left; margin-top: 32px; margin-bottom: 80px; padding: 3px 2px; width:602px;}
.comboImg{ float:left; height:197px; width:294px;}
.comboImgTop{ float:left; height:56px; width:308px;}
.comboText{ float:left; width:293px; height:auto;}
.comboBt{ display:inline; float:right; height:24px; margin-right:10px; width:112px;}
.comboMore{ float:left; height:35px; width:422px; border-bottom:1px solid #e259ca;}
.comboTit{ color:#b0338d; font-size: 14px; font-weight: bold;  display:inline; float:left; line-height:20px; margin:8px 0 0 8px; width:100%;}
.comboTitPrice{ color: #b0338d; float:right; font-size: 15px;}
.comboTextdet{ display:inline; float:left; margin-left:8px; line-height:20px; width:100%;}

/*combo_list_style*/
.comboList{ float:left; width:100%;}
.comboListCon{ float: left; margin: 30px 0 0 0; width: 100%;}
.comboListConImg{ border: 1px solid #f3f3f3; float: left; height: 117px; padding: 2px; width: 193px;}
.comboListConDet{ display: inline; float: left; height: 123px; margin: 0 0 0 15px; width: 376px;}
.comboListConDet .Tit{ border-bottom: 1px solid #d2d1d1; color: #666565; font-size: 14px; font-weight: bold; float: left; height: 28px; line-height: 28px; width: 100%;}
.comboListConDet .Tit .Prcie{ color: #b0338d; float: right; width: 80px;}
.comboListConDet .Con{ float: left; line-height: 20px; margin: 5px 0 0 2px; width: 100%;}
.comboListConDet .Det{ background: url(../images/ico2.gif) left center no-repeat; float: right; height: 20px; line-height: 20px; padding-left: 17px;}
.comboListConDet .Det a{ color: #fc3500!important; text-decoration: underline;}
.combopages{ border-top:1px solid #e0e0e0; float:left; margin-top:16px; padding-bottom:63px; width:100%;}
.combopages .Pt{ display:inline; float:right; margin:13px 13px 0 0; width: 300px; border: 1px solid red}

/*combodet_style*/
.combodet{ float:left; padding-bottom: 50px; width:100%;}
.combodetTit{ float: left; font-size: 14px; font-weight: bold; height: 35px; line-height: 35px; margin-top: 20px; width: 100%;}
.combodetTitPrice{ color: #b0338d; font-weight: bold;}
.combodetImg{ border: 1px solid #e0e0e0; float: left; height: 256px; padding: 4px; width: 599px;}
.combodetText{ float: left; line-height: 20px; margin-top: 5px; padding-left: 15px; width: 589px;}
.combodetBt{ background: url(../images/combobtbg.gif) no-repeat bottom; float: left; height: 36px; margin-top: 30px; width: 100%;}
.combodetBtImg{ margin-left: 211px;}

/*server_style*/
.server{ float:left; margin-top: 15px; width:100%;}
.server ul li{ border-bottom: 1px dashed #e259ca; display: inline; float:left; height: 28px; line-height: 28px; margin-left: 15px; padding-left: 10px; width:579px;}
.server ul li .serverDate{ float: right; width: 80px;}
.server ul li.boderstytle{ border: none;}
.serverMore{ float:left; height:35px; width:422px; border-bottom:1px solid #e259ca;}
.serverdetTit{ color: #B0338D; float: left; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; text-align: center; width: 100%;}

/*booking_style*/
.booking{ float:left; width:100%;}
.logins{ display:inline; float:left; width:500px; margin:20px 0 0 60px; padding-bottom:20px;}
.logins ul{ display:inline; float:left; width:500px; margin:20px 0 0 0px;}
.logins ul li{ float:left; width:500px; line-height:22px; margin-top:10px; color:#000;}
.logins ul li input{ width:150px; height:22px; border:1px solid #CCC;}
.logins ul li span{ color:#666; margin-left:10px;}
.logins ul li b{ color:#F00;}
.logBtn{ float:left; width:500px; margin-top:30px;}
.submit{ background:url(../images/submit.gif) no-repeat; margin-left:30px; width:120px; height:33px; border:0; cursor:pointer;}
.reset{ background:url(../images/reset.gif) no-repeat; margin-left:130px; width:120px; height:33px; border:0; cursor:pointer;}

.otherMore{ float:left; height:35px; width:470px; border-bottom:1px solid #e259ca;}