@charset "utf-8";
/* ============================  Header ============================ */
body{line-height:140%;background:none;}
.logo .goosearch input.pic{ margin-top:-1px; *margin-top:0px;}
/* ============================  content ============================ */
.content{ width:100%; margin-top:0px; padding-top:0px; }
.content #loginBox{ text-align:right; font-size:13px; width:940px; margin:0 auto 5px auto;}

.cont{width:940px; margin:0 auto; padding:20px;}
.cont .picture{width:940px;margin:0 auto; *margin-top:0; _margin-top:0; padding:0;float:left;}
.picTitle{width:940px; clear:both;}


.clspictitle{float:left;font-size:16px; font-weight:bold;padding-left:15px;}
.picLeft{ width:626px; float:left;}
.picRight{width:298px; float:right; text-align:center;}

.picLeft dl{ margin:0px auto;text-align:justify;}
.picLeft dt{ color:#000; line-height:200%; background:url(/images/logo/ico/arrow-2.gif) no-repeat 0px 5px; text-indent:25px;}

.picLeft .thePic{background:#fff url(/picture/images/background/bg-show-04.gif) repeat-x; margin-top:10px; padding:20px 10px;width:600px; height:auto; text-align:center;position:relative;display:inline-block;overflow:hidden;}
.picLeft .thePic img{border:1px solid #cce7fa;}
.picbtn{position:relative;display:inline-block;overflow:hidden;}
.picbtn_left{position:absolute; width:50%; height:100%; _height:600px; left:16px; top:0px; background:url(/images/logo/ico/pixel.gif);}
.picbtn_right{position:absolute; width:50%; height:100%; _height:600px; right:14px; top:0px; background:url(/images/logo/ico/pixel.gif);}

.picbtn_left:hover{filter:alpha(opacity=60);-moz-opacity:0.6;background:url(/images/logo/ico/btn_left.gif) no-repeat left 170px;}
.picbtn_right:hover{filter:alpha(opacity=60);-moz-opacity:0.6;background:url(/images/logo/ico/btn_right.gif) no-repeat right 170px;}

.picLeft .thePic .intro{ width:600px; clear:both;text-align:justify; margin:15px auto 10px auto;}

.clswithborder{border:1px solid #cce7fa;padding:0;}
.clsnoborder{border:0;padding:136px 240px;}

.picLeft .useLink {font-size: 14px;	font-family: "arial", "helvetica", "sans-serif";text-align:left;float:left;height:40px;padding-top:20px;}
.useLink a{ margin-left:25px;}
.useLink span{ margin:0 5px;}
.useLink .buy{ background:url(/images/logo/ico/ico-shopping.gif) no-repeat;}
.useLink .print{ background:url(/images/logo/ico/ico-printer.gif) no-repeat;}

.picRight .picLi{border:#CCE7FA solid 1px; background:#EEF9FF;width:306px; margin:20px 0;}
.picLi .topMenu{ margin:5px auto;}
.picLi .topMenu span{ color:#FF7805; font-weight:bold;}

.clspageNav{height:40px;margin-top:8px;}
.clspageNav a.prev{width:30px;height:20px;display:block;float:right;background:url(/images/logo/ico/picbtns.gif) no-repeat left;background-position: -11px -210px;text-align:left;padding-left:20px;margin-top:10px;text-decoration:none;}
.clspageNav a.next{width:60px;height:20px;display:block;float:right;background:url(/images/logo/ico/picbtns.gif) no-repeat right;background-position: 24px -164px;text-align:left;margin-top:10px;text-decoration:none;}
.clspageNav a.clsstart{width:40px;height:40px;display:block;float:right;background:url(/images/logo/ico/picbtns.gif) no-repeat;text-decoration:none;margin:0 10px;background-position: 0px -79px;}
.clspageNav a.clsstop{width:40px;height:40px;display:block;float:right;background:url(/images/logo/ico/picbtns.gif) no-repeat;text-decoration:none;margin:0 10px;background-position: 0px -1px;display:none;}

.clspageNav a.prev:hover{background-position:-11px -187px;}
.clspageNav a.next:hover{background-position:25px -233px;}
.clspageNav a.clsstart:hover{background-position:0px -118px;}
.clspageNav a.clsstop:hover{background-position:1px -39px;}

.picLi .botMenu{ line-height:35px;}
.picLi .botMenu span{ color:#FF7805; font-weight:bold;}
.clspageNav{text-align:right;}
/*=======================================Great Wall Index===========================================*/
#greatWall{ margin:0; padding-left:20px; text-align:center; overflow:hidden; zoom:1;}
#greatWall li{ float:left; padding:15px; width:27%; height:130px; _height:137px;}
#greatWall li img{ border:#C2C2C2 solid 1px; padding:5px;}
#greatWall li a{ text-decoration:none;}
#greatWall li a span{ text-decoration:underline;}
#greatWall li a:hover span{ text-decoration:none;}

/* footer */
.footer{clear:both;padding-right:0px;padding-left:0px;margin-bottom:10px; padding-bottom:0px; margin-left:1%;margin-right:1%;padding-top:10px !important;text-align:center;margin-bottom:-10px !important;}
.footer p.copy{font-size:10px; line-height:120%;color:#666;clear:both;}
.footer p.copy img{height:18px;margin-right:15px;vertical-align:middle;width:125px;}
.footer .copy span{ background:#fff;}
a.gotop{float:right; margin-top:0; *margin-top:-18px; margin-right:7px; width:53px; height:17px; display:block; background:url(/images/logo/ico/gotop.gif) no-repeat; text-decoration:underline;}

/*added*/
#idPlay {border:none}
#idStop {border:none}
.hidebutton {filter:alpha(opacity=70);-moz-opacity:0.7; cursor:pointer;}
.showbutton {filter:alpha(opacity=100);-moz-opacity:1.0; cursor:pointer;}
.clsdemo{overflow:hidden;height:auto;width:306px; margin:0 auto;padding:4px 0;background:#fff;}
.clspicspace{height:102px;width:154px;float:left;}
.clspic {height:102px;width:154px;padding:0;margin:0;text-align:center;float:left;}
.clspic img {margin-top:6px;height:85px;width:138px;border:1px solid #000;cursor:pointer;}
.clspic1 {float:left;height:100px;width:152px;padding:0;margin:0;text-align:center;border:1px solid #cce2ef;background:#e9f6fe;}
.clspic1 img {margin-top:6px;height:85px;width:138px;border:1px solid #000;cursor:pointer;}
.clsline{clear:both;background:url(/images/logo/line/line-dot.gif) repeat-x;height:15px;width:100%;margin-top:8px;}
.clsline2{clear:both;background:url(/images/logo/line/line-dot.gif) repeat-x;height:15px;width:100%;}
.useLink .share{ background:url(/images/logo/ico/ico-mail.gif) no-repeat;}
.clspicbox{width:314px;}
.clsimgid{color:#999;font-size:12px;margin:0;height:20px;}
.clsimgidleft{float:left;}
.clsimgidright{float:right;}
.clsspace{font-size:1px;clear:both;height:2px;margin:0;padding:0;}

.letmesay{float:right;padding-right:10px;margin-bottom:10px;}
.letmesay a{width:144px;height:27px;display:block;background:url(/images/background/button/bgp001.png) no-repeat;text-decoration:underline;}
.letmesay a:hover{text-decoration:none;}
.letmesay a.aletmesay{background-position: 0px 0px;}
.letmesay a.aletmesay:hover{background-position: 0px -31px;}

.headBg{background:url(/picture/images/background/bg-show-01.gif) repeat-x top;  width:100%; border-left:#c9cd9a solid 0px; }
.headBg form{text-align:right; padding:8px 8px 2px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#545454; }
.headBg form input{border:#ccc solid 1px;}
.headBg form .login{border:0; margin-bottom:-4px;}
.headLine{border-bottom:#fdd900 solid 5px; margin-left:179px; _margin-left:185px; height:5px; line-height:5px;}
  /*the css of SubHeader*/
 .clspiccommentblock{display:block;height:auto;display:none;clear:both;}
.clsfirstblock{display:block;}
.clsclear{clear:both;width:100%;}

#picBox{ text-align:center;}
#picBox img{ margin:10px; width:179px; height:140px;}
.footer{width:100%;}

/*======================== 2010-6-1 begin     =========================*/
body{ background:#fff url(/images/background/bgj037.jpg) repeat-x 0 70px; margin:0; padding:0;}

#header, #main, #footer, .content, .footer{ width:995px; margin:0 auto; background:#fff; }
#header{ position:relative; z-index:1;}

.left{ 
	width:180px; 
	overflow:hidden; 
	padding-top:30px; 
	background:none repeat scroll 0 0 #fcf1df;
	border-right: solid 5px #E4E4E4; 
	border: solid 5px #E4E4E4;
}
.headBg{ 
	background:url(/images/background/city-zero01.png) repeat-x;
	position:relative; 
	height:43px; 
	border:none;
}
.headBg .banner{ 
	border-left:1px solid #C9CD9A;  
	width:189px;  
	height:72px; 
	background:url(/images/background/city-zero02.jpg) no-repeat;
}
.headBg .loginBox{ 
	position:absolute; top:0; right:20px;
}
/*======================== 2010-6-1 rewrite End     =========================*/