/* common css ============================================== */
body{margin:0 auto;	text-align:center; font: 11px/1.5 arial, \5b8b\4f53, sans-serif; color:#868686; background-color:#ececed;}
div{text-align:left;-moz-user-select:none;}
:focus{outline:none;}
h4,h3,h2,h1{font-size:1em; margin:0;}
form,ul,ol,dl,dd,p{margin:0; padding:0;}
li{list-style-type:none;}
img{border:none;}
button,input,select,textarea{font-size:1em;	margin:0; color:#000; font-family:arial, simsun, sans-serif;}
a:link,a:visited{color:#8f8f8f; text-decoration:none;}
a:hover{color:#6db327;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
table{border-collapse:collapse; border-spacing:0;}
html	{ overflow:hidden;}
/* for table =============================================== */

/* for font & text & tag =================================== */
.red{
	color:red;
}
.gray{
	color:#999;
}
.green,
a.green:link,a.green:visited{
	color:#79bd29;
}
a.green:hover{
	text-decoration:underline;
}
/* for margin & padding | width & height =================== */
.mb16{
	margin-bottom:16px;
}
.mb8{
	margin-bottom:8px;
}
.mt8{
	margin-top:8px;
}
/* class css ============================ class css ======== */
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
a.underline:link,a.underline:visited{
	text-decoration:underline;
}
a.underline:hover{
	text-decoration:none;
}
/* layout css ============================================== */
#wraper{
	
	width:903px;
	height:549px;
	padding:28px 36px 12px 36px;
	background-color:#fff;
	position:absolute;
	left:0px;
	top:0px;

}
.bg{
	
}
#bg{
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	width:100%;
	height:100%;
	display:none;
}
#loading{
	background-color:#fff;
	width:133px;
	height:45px;
	overflow:hidden;
	color:#6db327;
	position:absolute;
	left:0px;
	top:-45px;
}
#loading .loading{
	padding:5px 10px 10px;
	font-size:11px;
	line-height:25px;
}
.flipl{
	line-height:20px;
	width:208px;
	float:left;
	font-size:12px;
}
.index_right{
	width:345px;
	padding-top:75px;
	float:right;
}
.index_right h1{
	text-indent:-20000px;
	overflow:hidden;
	height:40px;
	margin-bottom:8px;
	background:url(../images/title.png) no-repeat;
}
.index_right .info{
	font-size:16px;
	line-height:20px;
	margin-bottom:23px;
}
.menu{
	margin:100px 0 15px;
	width:156px;
}
.menu li{
	height:31px;
	line-height:31px;
	margin-bottom:2px;
}
.menu li a:link,.menu li a:visited{
	display:block;
	overflow:hidden;
	text-indent:-20000px;
	line-height:31px;
	height:31px;
	background:url(../images/menu.png) no-repeat;
}
.menu li a:hover,
.menu li.now a:link,.menu li.now a:visited{
	background-position:left -186px;
}
.menu li a.menu2:link,.menu li a.menu2:visited{
	background-position:left -31px;
}
.menu li a.menu2:hover,
.menu li.now a.menu2:link,.menu li.now a.menu2:visited{
	background-position:left -217px;
}
.menu li a.menu3:link,.menu li a.menu3:visited{
	background-position:left -62px;
}
.menu li a.menu3:hover,
.menu li.now a.menu3:link,.menu li.now a.menu3:visited{
	background-position:left -248px;
}
.menu li a.menu4:link,.menu li a.menu4:visited{
	background-position:left -93px;
}
.menu li a.menu4:hover,
.menu li.now a.menu4:link,.menu li.now a.menu4:visited{
	background-position:left -279px;
}
.menu li a.menu5:link,.menu li a.menu5:visited{
	background-position:left -124px;
}
.menu li a.menu5:hover,
.menu li.now a.menu5:link,.menu li.now a.menu5:visited{
	background-position:left -310px;
}
.menu li a.menu6:link,.menu li a.menu6:visited{
	background-position:left -155px;
}
.menu li a.menu6:hover,
.menu li.now a.menu6:link,.menu li.now a.menu6:visited{
	background-position:left -341px;
}
.scroller{
	border-bottom:1px solid #b6b6b6;
}
.scroller .imglist,.scroller .tiplist{
	position:relative;
	margin-top:5px;
}
.scroller .imglist{
	border:1px solid #e7e7e7;
}
.scroller .imglist,.scroller .imglist li{
	height:115px;
	overflow:hidden;
}
.scroller .imglist ul,.scroller .tiplist ul{
	position:absolute;
	left:0px;
	top:0px;
	width:345px;
	height:10000px;
}
.scroller .tiplist,.scroller .tiplist li{
	height:104px;
	width:100%;
	position:relative;
	font-size:12px;
	overflow:hidden;
}
.scroller .imglist img{
	width:343px;
	height:115px;
}
.scroller .tiplist li{
	float:left;
}
.scroller .tiplist .title{
	font-size:14px;
	line-height:25px;
}
.scroller a.more:link,.scroller a.more:visited,
#tabpic a.more,
.commentlink a.more{
	position:absolute;
	right:70px;
	bottom:6px;
	display:block;
	width:78px;
	line-height:13px;
	height:13px;
	background:url(../images/more.png) no-repeat left top;
}
.scroller a.more:hover,
#tabpic a.more:hover{
	background-position:left -13px;
}
.scroller a.alter:link,.scroller a.alter:visited,
#tabpic a.alter,
.commentlink a.alter{
	width:53px;
	right:0px;
	background-position:left -26px;
}
.commentlink a.alter{right:110px; bottom:3px;}
.scroller a.alter:hover,
#tabpic a.alter:hover,
.commentlink a.alter:hover{
	background-position:left -39px;
}
.scrollnav{
	height:10px;
	padding:5px 0;
}
.scrollnav a:link,.scrollnav a:visited{
	display:block;
	float:left;
	width:11px;
	height:10px;
	overflow:hidden;
	margin:0 3px 5px 0;
	text-indent:-20000px;
	background:url(../images/circle.gif) no-repeat -13px top;
}
.scrollnav a:hover,.scrollnav a.now:link,.scrollnav a.now:visited{
	background-position:left top;
}
a.viewmore b,a.viewmore2 b{
	display:block;
	float:right;
	width:10px;
	height:24px;
	line-height:11px;
	overflow:hidden;
	background:url(../images/arrow.gif) no-repeat -10px 1px;
}
a.viewmore b.alter{
	background:url(../images/arrow3.gif) no-repeat -10px 1px;
}
a.viewmore2 b{
	width:16px;
	background:url(../images/arrow2.jpg) no-repeat -26px top;
}
a.viewmore2 b.alter{
	background:url(../images/arrow4.gif) no-repeat -26px 1px;
}
a.viewmore3 b{
	display:block;
	float:left;
	width:14px;
	height:24px;
	overflow:hidden;
	background:url(../images/arrow5.jpg) no-repeat -10px 1px;
}
#copy{
	position:absolute;
	left:29px;
	bottom:12px;
	padding:0 3px;
	color:#f5f5f5;
	background-color:#9b9b9b;
	font-size:10px;
	height:14px;
	width:8px;
	overflow:hidden;
	line-height:14px;
	white-space:nowrap;
	cursor:pointer;
}
#loadBg{
	width:977px;height:2px;background-color:#eee;font-size:0px;
}
#loadingbar{
	height:2px;background-color:#6db327;font-size:0px;width:0px;
}
/*--find height for float elements --------------------------*/
.cls:after{content:"…";	display:block; clear:both; height:0; overflow:hidden; visibility:hidden;}
.cls{display:block;}
/*-----------------------------------------------------------*/
.contentwraper{
	width:672px;
	padding-top:40px;
	float:right;
	margin-right:20px;
}
.subnav,.portfolionav{
	height:20px;
	line-height:16px;
	background:url(../images/dotline.gif) repeat-x left bottom;
}
.subnav em{
	font-style:normal;
}
.subnav li{
	float:left;
	width:40px;
	height:16px;
	line-height:16px;
	overflow:hidden;
	margin-right:15px;
}
.subnav li a:link,.subnav li a:visited{
	display:block;
	text-indent:-20000px;
	background:url(../images/subnav_service.png) no-repeat left top;
}
.portfolionav{
	height:76px;
	position:relative;
	z-index:2;
}
.portfolionav h1{
	line-height:21px;
	background:url(../images/works.gif) no-repeat left center;
	text-indent:-20000px;
	overflow:hidden;
}
.portfolionav .cat_service,.portfolionav .cat_trade{
	width:162px;
	float:left;
	margin-right:10px;
}
.portfolionav .cat_trade{
	position:relative;
}
.portfolionav .tit{
	display:block;
	line-height:11px;
	height:11px;
	text-indent:-20000px;
	overflow:hidden;
	margin:13px 0 3px;
	background:url(../images/category.gif) no-repeat;
}
.portfolionav .cat_trade .tit{
	background-position:left -11px;
}
.portfolionav dt{
	height:20px;
	line-height:20px;
}
.portfolionav .cat_service a,.portfolionav .cat_trade a{
	color:#fff;
}
.portfolionav dt a{
	display:block;
	height:20px;
	line-height:20px;
	padding-left:10px;
	background:url(../images/arrow6.gif) right center no-repeat #000;
}
.portfolionav dt a:hover,.portfolionav dt a.now{
	background-color:#6db327;
}
.portfolionav dd{
	position:absolute;
	left:0px;
	top:69px;
	width:100%;
	background-color:#6db327;
	color:#fff;
	display:none;
	height:172px;
}
.portfolionav .cat_trade dd{
	top:48px;
	padding-bottom:20px;
}
.portfolionav .cat_service dd{
	padding-bottom:20px;
	overflow:hidden;
}
.portfolionav .disall{
	height:35px;
	line-height:35px;
	padding-left:25px;
	font-weight:bold;
	border-bottom:1px dotted #fff;
}
.portfolionav .cat_trade .disall{
	margin-bottom:3px;
	padding:0 0 0 20px;
}
.portfolionav .cat_service .catygory{
	padding:10px 25px;
	width:1000px;
}
.portfolionav dd a:hover{
	text-decoration:underline;
}
.portfolionav .cat_service .catygory .title{
	font-size:14px;
	padding-bottom:8px;
}
.portfolionav .cat_service .catygory ul{
	margin-right:40px;
}
.portfolionav .cat_trade li{
	padding:3px 0 3px 20px;
}
.portfolionav .cat_service .catygory li{
	padding:2px 0;
}
.portfolionav .extra{
	position:absolute;
	right:0px;
	bottom:10px;
}
.portfolionav .extra a{
	margin-left:10px;
	padding-left:24px;
	display:inline-block;
	background:url(../images/extranav.gif) no-repeat left top;
}
.portfolionav .extra a:hover,.portfolionav .extra a.now{
	background-position:left -16px;
	color:#79bd29;
}
.portfolionav .extra a.liststyle{
	background-position:left -32px;
}
.portfolionav .extra a.liststyle:hover,.portfolionav .extra a.now.liststyle{
	background-position:left -48px;
}
.subnav li a.nav1:hover,
.subnav li.now a.nav1:link,.subnav li.now a.nav1:visited{
	background-position:left -80px;
	width:81px;
}
.subnav li a.nav2:link,.subnav li a.nav2:visited{
	background-position:left -16px;
	width:56px;
}
.subnav li a.nav2:hover,
.subnav li.now a.nav2:link,.subnav li.now a.nav2:visited{
	background-position:left -96px;
}
.subnav li a.nav3:link,.subnav li a.nav3:visited{
	background-position:left -32px;
	width:72px;
}
.subnav li a.nav3:hover,
.subnav li.now a.nav3:link,.subnav li.now a.nav3:visited{
	background-position:left -112px;
}
.subnav li a.nav4:link,.subnav li a.nav4:visited{
	background-position:left -48px;
	width:99px;
}
.subnav li a.nav4:hover,
.subnav li.now a.nav4:link,.subnav li.now a.nav4:visited{
	background-position:left -128px;
}
.subnav li a.nav5:link,.subnav li a.nav5:visited{
	background-position:left -64px;
	width:73px;
}
.subnav li a.nav5:hover,
.subnav li.now a.nav5:link,.subnav li.now a.nav5:visited{
	background-position:left -144px;
}
.aboutsubnav li a:link,.aboutsubnav li a:visited{
	background:url(../images/subnav_about.png) no-repeat left top;
}
.aboutsubnav li a.nav1:link,.aboutsubnav li a.nav1:visited{width:44px;}
.aboutsubnav li a.nav2:link,.aboutsubnav li a.nav2:visited{width:59px;}
.aboutsubnav li a.nav3:link,.aboutsubnav li a.nav3:visited{width:83px;}
.aboutsubnav li a.nav4:link,.aboutsubnav li a.nav4:visited{width:83px;}
.content{
	height:395px;
	overflow:hidden;
	padding:15px 0 10px;
	position:relative;
	background:url(../images/dotline.gif) repeat-x left bottom;
}
.content .tab{
	height:395px;
	width:672px;
	position:absolute;
	right:-680px;
	top:15px;
	background:#fff;
	overflow:hidden;
}
.content h1,.content h2,.content h3{
	font-size:14px;
	font-weight:normal;
	color:#79bd29;
	margin-bottom:8px;
}
.content h3{
	font-size:11px;
	margin-bottom:5px;
}
.bridge{
	width:670px;
	height:225px;
	position:relative;
	overflow:hidden;
}
.bridge a{display:block;}
.bridge .mark{
	position:absolute;
	text-align:center;
	width:68px;
}
.bridge .mark span{display:block;}
.bridge .mark img{
	width:13px;
	height:13px;
	position:relative;
}
.bridge .green img{
	width:18px;
	height:18px;
	top:3px;
}
.bridge .green img.alter{
	top:-3px;
}
.bridge .mark_design{
	left:147px;
	bottom:160px;
}
.bridge .mark_tec{
	left:445px;
	bottom:160px;
}
.bridge .mark_strategy{
	left:12px;
	top:179px;
}
.bridge .mark_content{
	left:297px;
	top:179px;
}
.bridge .mark_flow{
	left:580px;
	top:179px;
}
.strategylist li{
	float:left;
	text-align:center;
	margin:20px 35px 5px 0;
	width:120px;
}
.designlist li{
	float:left;
	width:180px;
}
.designlistalter{width:800px;}
.designlistalter li{width:156px; padding-right:16px;}
.designlist a.more:link,.designlist a.more:visited{
	display:block;
	padding:2px 8px 0 0;
	width:92px;
	height:17px;
	background:url(../images/viewmore.png) no-repeat;
}
.designlist span{
	font-size:11px;
	color:#000;
}
.alter li{
	width:210px;
	float:none;
	margin:0 auto;
}
.alter li p{
	margin-bottom:12px;
}
.alter li.fl{
	float:left;
}
.alter li.fr{
	float:right;
}
.designlist li strong{
	font-weight:normal;
	display:block;
	margin-bottom:4px;
	color:#000;
	font-size:11px;
}
.casebox{
	width:326px;
}
.pos,.posfr{
	position:absolute;
	bottom:0px;
}
.pos{
	left:0px;
}
.posfr{
	right:0px;
}
.casebox .infowraper{
	height:119px;
	color:#fff;
	position:relative;
	border:1px solid #ececed;
	background-color:#6db327;
}
.casebox .infowraper img{
	float:left;
	margin-right:8px;
	width:138px;
	height:119px;
}
.casebox .info{
	padding:8px;
}
.casebox .infowraper a.more{
	position:absolute;
	right:8px;
	bottom:12px;
	display:block;
	width:78px;
	line-height:11px;
	height:11px;
	background:url(../images/more2.png) no-repeat left top;
}
.casebox .infowraper a.more b{position:relative; top:1px;}
.casebox .info em{
	font-style:normal;
	font-size:11px;
	margin-bottom:5px;
	display:block;
}
.approach em{
	color:#000;
	font-style:normal;
	font-size:11px;
}
.approach p{
	margin:0 130px 16px 0;
}
.headlist{
	width:426px;
	height:392px;
	overflow:hidden;
}
.headlist ul{
	width:450px;
}
.headlist li{
	float:left;
	width:132px;
	height:120px;
	overflow:hidden;
	cursor:pointer;
	margin:0 15px 15px 0;
}
.headlist li .info{
	width:132px;
	height:120px;
	position:relative;
}
.headlist li .info .titolo{
	position:absolute;
	left:10px;
	bottom:10px;
	color:#000;
}
.headlist li .info .titolo p{
	color:#8f8f8f;
}
.headlist .headimg,.headlist li.now .info{
	display:none;
}
.headlist li.now .headimg{
	display:block;
}
.introlist{
	width:226px;
	float:right;
	height:392px;
}
.introlist li{
	height:392px;
	overflow:hidden;
	margin-bottom:50px;
}
.introlist h4{
	font-weight:normal;
	font-size:14px;
	color:#79bd29;
}
.introlist p{
	margin:16px 0;
}
.introlist .titolo{
	color:#000;
	font-size:11px;
}
.introlist a.more:link,.introlist a.more:visited{
	line-height:13px;
	height:13px;
	display:block;
	width:103px;
	background:url(../images/viewblog.png) no-repeat left top;
}
/*.introlist a.more:hover{
	background-position:left -13px;
}
.clientlist{
	padding-top:25px;
	height:328px;
	position:relative;
}
.clientlist .dragpress{
	position:absolute;
	left:0px;
	top:25px;
}
.clientlist li{
	float:left;
	width:141px;
	height:132px;
	border:1px solid #ececed;
	overflow:hidden;
	position:relative;
	margin:0 33px 30px 0;
}
.clientlist li img{
	width:141px;
	height:132px;
}
.clientlist li a:hover img{
	filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;
}
.clientlist span.corner{
	position:absolute;
	right:6px;
	bottom:6px;
	display:block;
	width:5px;
	height:5px;
	background:url(../images/corner.gif) no-repeat;
}
.dragbar{
	position:absolute;
	height:7px;
	background:#ececed;
	width:100%;
	left:0px;
	bottom:10px;
}
.draghandle{
	height:7px;
	width:28px;
	overflow:hidden;
	background:url(../images/draghandle.gif) no-repeat right top #868686;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
}
.draghandlealter{
	background-color:#79bd29;
}*/
.contact{
	padding-top:25px;
}
.contact .side_l{
	float:left;
	width:242px;
}
.contact .sidecontact{
	float:right;
	width:390px;
}
.googlemap{
	padding-top:25px;
}
.googlemap img{
	vertical-align:middle;
}
.sidecontact table{
	width:100%;
	table-layout:fixed;
	margin-top:10px;
}
.sidecontact table .tit{
	font-size:11px;
	color:#000;
}
.sidecontact td{
	padding:5px 0 3px;
}
.inputxt,.sidecontact textarea{
	-webkit-border-radius:3px; -moz-border-radius:3px;
	border:1px solid #d3d3d3;
	color:#8e8e8e;
	padding:3px;
}
.inputxt{
	width:176px;
}
.sidecontact textarea{
	width:371px;
	height:80px;
	overflow:auto;
}
.sidecontact .btnsub{
	cursor:pointer;
	margin-top:5px;
}
.slider_l{
	float:left;
	width:445px;
	overflow:hidden;
}
.slider_r{
	width:206px;
	float:right;
}
.portfolioshow .imgzoom{
	height:360px;
	overflow:hidden;
}
.portfolioshow .imgzoom ul{
	height:316px;
	width:445px;
	position:relative;
	overflow:hidden;
}
.portfolioshow .imgzoom li{
	width:445px;
	height:316px;
	position:absolute;
	left:445px;
	top:0px;
}
.portfolioshow .imgzoom img{
	width:445px;
	height:316px;
}
.portfolioshow .imgzoom p{
	margin-top:5px;
}
.portfolioshow ul.portfoliolist{
	width:460px;
}
.portfolioshow ul.portfoliolist li{
	float:left;
	width:62px;
	height:7px;
	margin:0 2px 5px 0;
}
.portfolioshow ul.portfoliolist li a{
	display:block;
	height:7px;
	width:62px;
	text-indent:-20000px;
	overflow:hidden;
	background-color:#cdcdcd;
}
.portfolioshow ul.portfoliolist li a:hover{
	background-color:#000;
}
.portfolioshow ul.portfoliolist li.now a{
	background-color:#6db327;
}
.portfoliointro{
	height:270px;
	position:relative;
	overflow:hidden;
}
.portfoliointro .intropress{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}
.portfoliointro span{
	color:#000;
	font-size:11px;
}
.portfoliointro p{
	margin-bottom:18px;
}
.btnscroll{
	height:7px;
	padding-top:8px;
}
.btnscroll a{
	display:block;
	width:14px;
	height:7px;
	overflow:hidden;
	text-indent:-20000px;
	float:right;
	margin-left:5px;
	background:url(../images/arrow6.png) no-repeat left top;
}
.btnscroll a.scrolldown{
	background-position:-46px top;
}
.btnscroll a.scrolldown:hover{
	background-position:-16px top;
}
.btnscroll a.scrollup:hover{
	background-position:-30px top;
}
.btnscroll a.scrollup{
	visibility:hidden;
}
.commentlink{
	text-align:right;
	padding-top:44px;
}
.commentlink img{
	vertical-align:middle;
}
a.comment:hover{text-decoration:none;}
.casenav{
	padding-top:8px;
}
.casenav a{
	background:url(../images/casenav.png) no-repeat left top;
	display:block;
	width:90px;
	height:13px;
	float:right;
	margin-left:16px;
}
.casenav a.previous{width:90px;}



/*msg box start*/
#sean_msg{width:280px;	border:1px solid #67ad14; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; -webkit-border-radius:5px; -moz-border-radius:5px; background:#fff; position:absolute; top:0px; right:50px; display:none;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#sean_msg .title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#6db327;}
#sean_msg a.close:link,#sean_msg a.close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#sean_msg a.close:hover{color:#ff0;}
#sean_msg .info{padding:8px;}
/*msg box end*/

/* General styles ------------------------- */
.showcase {
	position: relative;
}
.showcase ul li {
	width: 311px;
	height: 300px;
	float: left;	
	list-style-type: none;	
	position:relative;
	border:1px solid #d6d6d6;
}
.showcase ul li div{
	color:#fff;
	padding:10px;
}
.showcase ul li div h4{
	font-weight:normal;
	font-size:1.2em;
}
.showcase ul li div p{
	margin-top:0.5em;
}
.showcase ul li a {
	display: block;
	height:100%;
	background:#4c4c4c;
}
.showcase li a:hover,.showcase li.now a:link,.showcase li.now a:visited{
	background-color:#79bd29;
}
.showcase li a img {
	width: 100%;
	border: 0;	
}
/* Horizontal showcase ------------------------- */
#horizontal {	
	margin: 0px auto 0 auto;
	width: 636px;
	height: 350px;
	overflow:hidden;
}	
.showcase#horizontal ul {
	position: relative;	
	width: 560px;
	height: 350px;	
	margin: 0 auto;
}
.totalnum{
	position:absolute;
	left:0px;
	bottom:10px;
}
a.controls {
	position: absolute;
	bottom:13px;
	width: 47px;
	height: 13px;
	background-color: #2097FA;
	text-decoration: none;
	background:url(../images/nav.png) no-repeat left top;
}
a.previous {
	right:80px;
	width:110px;
	background-position:right -20px;
}
a.previous:hover{
	background-position:right -13px;
}
a.next {
	right:0px;
	background-position:left -26px; 
}
a.next:hover{
	background-position:left -39px;
}
#tabpic,#tablist,#loadingtip{
	position:absolute;
	height:355px;
	width:672px;
	top:15px;
	left:672px;
	background-color:#fff;
	overflow:hidden;
}
#loadingtip{
	z-index:100;
	left:0px;
	top:0px;
	height:520px;
	display:none;
	background:url(../images/imgloading.gif) no-repeat center center #fff;
	filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;
}
#tabpic .dragpress{
	position:absolute;
	left:0px;
	top:0px;
}
#tabpic ul{
	width:20000px;
}
#tabpic li{
	float:left;
	width:213px;
	margin-right:17px;
}
#tabpic li .pic{
	background-color:#000;
	display:block;
}
#tabpic li .pic img{
	width:213px;
	height:170px;
	background:url(../images/ajax-loader.gif) center center no-repeat;
	filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
}
#tabpic li a.pic:hover img{
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}
#tabpic .intro{
	height:130px;
	padding:5px 0;
	position:relative;
}
#tabpic .intro p{
	margin:8px 0;
	height:72px;
	overflow:hidden;
}
#tabpic .intro strong{
	color:#79bd29;
	font-weight:normal;
	font-size:14px;
}
#tabpic a.more{
	left:0px;
	bottom:0px;
	width:109px;
	background-position:left -52px;
}
#tabpic a.more:hover{
	background-position:left -65px;
}
#tabpic a.alter{
	width:53px;
	left:123px;
	bottom:0px;
	background-position:left -26px;
}
#tabpic a.alter:hover{
	background-position:left -39px;
}
#tablist .tablistbot,#tablist .tablistnav{
	position:absolute;
	bottom:0px;
}
#tablist .tablistbot{
	left:0;
}
#tablist .tablistbot span{
	float:left;
	margin-right:15px;
}
#tablist .tablistbot .squaer{
	position:relative;
	top:3px;
}
.squaer{
	display:block;
	width:12px;
	height:12px;
	float:left;
	background-color:#ebebeb;
	margin-right:6px;
}
.squaer_g{
	background-color:#95cd50;
}
.squaer_o{
	background-color:#f8931d;
}
.squaer_b{
	background-color:#00adef;
}
#tablist .tablistnav{
	right:0;
}
#tablist .tablistnav a{
	position: absolute;
	bottom:2px;
	width: 68px;
	height: 13px;
	background-color: #2097FA;
	text-decoration: none;
	background:url(../images/nav.png) no-repeat;
}
#tablist .tablistnav a.previous{
	right:66px;
	background-position:right top;
}
#tablist .tablistnav a.previous:hover{
	background-position:right -13px;
}
#tablist .tablistnav a.next {
	right:0;
	width:45px;
	background-position:left -26px; 
}
#tablist .tablistnav a.next:hover{
	background-position:left -39px;
}
#tablist .tit{
	width:100%;
	color:#6db327;
	margin:10px 0;
	font-size:14px;
}
#tablist table{
	table-layout:fixed;
}
#tablist table th{
	text-align:left;
	font-weight:normal;
	width:35%;
}
#tablist .listtablewraper{
	height:264px;
	position:relative;
	overflow:hidden;
}
#tablist .listtable{
	width:100000px;
	position:absolute;
	left:0px;
	top:0px;
}
#tablist .listtable table{
	float:left;
	width:672px;
}
#tablist .listtable table tr.bggray td,#tablist .listtable table tr.bggray th{
	background-color:#ebebeb;
	cursor:pointer;
}
#tablist .listtable table tr.bggray td a,#tablist .listtable table tr.bggray th a{
	color:#6db327;
}
#tablist .listtablewraper table td{
	line-height:20px;
	padding:2px;
}
#pageloading{
	padding:3px 5px 3px; position:absolute;left:0px;top:0px; z-index:1000; 
	filter:alpha(opacity=22);-moz-opacity:0.22;opacity:0.22;
}
#pageprogress{
	width:160px;
	height:3px;
	border:1px solid #eee;
	position:relative;
	overflow:hidden;
}
#progressbg{
	position:absolute;
	right:160px;
	top:0px;
	height:3px;
	width:200px;
	background-color:#ccc;
}
#comment{
	position:absolute;
	right:0px;
	bottom:20px;
	width:210px;
	z-index:1000;
	display:none;
}
#comment span,#comment strong{color:#000;}
#comment p{margin:8px 0;}
#comment .info{background-color:#eee;padding:10px 15px; line-height:15px;}
#comment .botm{background:url(../images/arrow7.gif) no-repeat right bottom; height:10px;}
#comment a.more{
	display:block;
	width:53px;
	height:13px;
	line-height:13px;
	overflow:hidden;
	background:url(../images/viewsite.png) no-repeat left top;
}
#comment a.more:hover{background-position:left -13px;}
#shadow{position:absolute;left:0px;top:0px;width:100%;height:100%;background:#000;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;z-index:99;display:none;}
#googlemap{
	position:absolute;
	top:-450px;
	left:100px;
	z-index:1000;
	width:535px;
	height:400px;
	padding:35px 10px 10px;
	background:#fff;
}
#mapinfo{
	height:400px;
	width:535px;
	border:1px solid #eee;
	color:#000;
}
#googlemap a.close{
	display:block;
	width:13px;
	height:13px;
	background:url(../images/close.gif) no-repeat;
	position:absolute;
	right:10px;
	top:10px;
}