.mainContent {width: 1200px; margin: 20px auto; overflow: hidden }
.aside { width: 300px; float: right; }
.asidecontent { width: 100%;  background: #ffffff; margin-bottom:20px; overflow:hidden;font-size:14px;}
.asidecontent h2 { margin:0px 10px; }
.asidecontent h2 a.atitle{ display:block; float:left;font-size:14px; color:#ff6600; line-height:40px;}
.asidecontent h2 a.more{ display:block; float:right;font-size:14px; font-weight:normal;line-height:40px;}
.asidecontent ul{ padding:10px;clear:both;}
.asidecontent ul li{width:100%; line-height:25px;}

.asideimgcontent { width: 100%;  background: #ffffff; margin-bottom:20px; overflow:hidden;}
.asideimgcontent h2 {margin:0 auto;display:block; line-height:40px; border-bottom:1px solid #C7C7C7;font-weight:normal;text-indent:10px; overflow:hidden;}
.asideimgcontent h2 a.atitle{ display:block; float:left;font-size:16px; line-height:40px;}
.asideimgcontent h2 a.more{ display:block; float:right;font-size:14px; font-weight:normal;line-height:40px; padding-right:10px;}
.asideimgcontent ul{width:100%; padding-top:5px;}
.asideimgcontent ul li{width:100%;  overflow:hidden; padding:10px 0 5px;}
.asideimgcontent ul li .imgleft{width:140px; float:left; text-align:center;}
.asideimgcontent ul li .imgleft img{width:125px; height:80px; display:block;margin:0 auto;}
.asideimgcontent ul li .titleright{width:120px; line-height:25px; float:left;font-size:14px; padding-left:5px;}
.asideimgcontent ul li .titleright a,.asideimgcontent ul li .titleright span{display:block;width:100%; line-height:25px;}
.asideimgcontent ul li .titleright span{font-size:12px;}

.avatar{margin:0 auto;background:#fff;width:130px;height:130px;}
.avatar img{width:130px;height:130px;}
.topspaceinfo { background: #ffffff; padding: 10px 10px; color: #000000 }
.topspaceinfo p{font-size:14px; line-height:40px; height:40px; overflow:hidden;border-bottom:1px dashed #C7C7C7;}
.topspaceinfo p.price em{color: #ff5b45; font-size: 18px;	font-style:normal;}
.topspaceinfo h1 { font-size: 16px; line-height: 40px }
.topspaceinfo span{ width:100%;margin:20px 0px; display:block; text-align:center;}
.topspaceinfo span a{display:block; margin:0 auto;width:245px; height:45px; line-height:45px;color:#FFFFFF; background:#fe883e; text-align:center; border-radius:5px;font-size:16px;}
.topspaceinfo span a:hover{background:#fe6902;}
.userinfo { margin:0px auto; width:100px; font-size: 18px; line-height: 40px;  color: #666; text-align:center }
.userinfo a { width:100px; height:40px; line-height:40px; display:block; }
.userinfo a:hover { color: #666 }
.q-fans, .btns a { padding: 0 10px }
.q-fans a { font-weight: bold; }
.btns a { border-right: #dad9d5 1px solid; }
.aside .section { display: block; overflow: hidden }
.aside .section h2 { background: #f16e50; color: #FFF; padding-left: 30px; height: 30px; line-height: 30px; font-size: 14px; }
.newpic ul, .taglist ul { padding: 20px 30px; overflow: hidden }
.newpic ul li { display: inline; width: 48px; height: 48px; }
.newpic ul li img { width: 48px; height: 48px; border: 0; display: block; float: left; border: 1px solid transparent; }
.newpic ul li img:hover { opacity: 0.5 }
.taglist ul li a { padding: 2px 5px; display: inline-block; float: left; margin-right: 5px; color: #454545; }
.taglist ul li a:hover { background: #f16e50; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.blogitem { width: 880px; background: #fff; float: left; min-height:800px;  background: #ffffff; overflow:hidden;}
.blogitem .article { border-bottom: #F4F3EF 40px solid; }
.blogitem h3 {font-size: 20px; line-height: 28px; display: inline-block; padding: 20px 60px 20px 20px; width:720px; background:#FFFFFF; color: #ff6600;}
.blogitem .title {width:100%;font-size: 18px; line-height: 28px; display: inline-block; padding: 20px 0px 5px 0px; background:#FFFFFF; color: #000000; text-align:center;}
.blogitem .title a { color: #000000; }
.blogitem .text { font-size: 14px; padding: 20px 40px; table-layout:fixed; word-break: break-all;  }
.blogitem .text p { line-height: 24px; margin-bottom: 10px ; width:100%;}
.blogitem .text table{width:100%;table-layout:fixed; word-break: break-all;}
.blogitem .text img {border:1px solid #dfdfdf; padding:4px; margin:10px 0;  max-width: 750px; width:expression(document.body.clientWidth > 750? "750px": "auto" );}/*for ie6*/
.blogitem .textimg { text-align: center }
.blogitem .textimg img {border:1px solid #dfdfdf; padding:4px; margin:10px 0; max-width: 750px; width:expression(document.body.clientWidth > 750? "750px": "auto" );}/*for ie6*/
.blogitem .textfoot { padding: 20px 60px; border-top: 1px solid #dddcdb; text-align: right; box-shadow: #999 2px 2px 3px }
.blogitem .textfoot a { margin-left: 10px; }

.detail_c7{ margin:0px auto; width:90%; overflow:hidden;}
.rightform{margin-left:200px; margin-top:20px;}
.rightform form{padding:0 0 10px; color:#333; /*background:#fff; border:1px solid #A4D971;*/position:relative;}
.rightform form li{padding-bottom:28px; }
.rightform .txt,.rightform textarea{border:1px solid #C7C7C7;  vertical-align:middle;color: #555555;}
.rightform .txt{height:22px; line-height:22px; padding-left:5px; width:300px;color: #555555;;font-size:12px;}
.rightform textarea{width:300px; height:80px; padding:3px 0 0 3px; vertical-align:top; overflow:auto;font-size:12px;}
.rightform form .smt{display:block; width:193px; height:30px;border:none; background:#9acc37;cursor:pointer; text-align:center; line-height:30px; color:#ffffff; font-size:14px;}

.ia{width:384px; float:left; font-size:12px;}
.ia .intro{border:1px solid #dfdfdf; padding:10px;  line-height:22px; overflow:hidden;}

.inlist{width:770px; float:left; padding-left:12px;}
.inlist ul{margin:0; padding:0; list-style:none;}
.inlist ul li{border:1px solid #dfdfdf; padding:10px; overflow:hidden; background:#f5f5f5;}
.inlist ul li h4{font-size:15px;}
.newslist{background:#fff; border-top:none; padding:15px;}
.newslist ul{margin:0; padding:0; list-style:none;}
.newslist ul li{border-bottom:1px dashed #dfdfdf; overflow:hidden; margin-bottom:10px; padding-bottom:10px;}
.newslist ul li img{width:100px; border:1px solid #dfdfdf; padding:4px; float:left; margin:0 10px 10px 0;}
.newslist ul li h4{font-size:15px; margin:0; padding:0;}
.newslist ul li .ot{color:#CCCCCC; display:block;}

.iwlist{width:770px; float:right;}
.iwlist ul{margin:0; padding:0; list-style:none;}
.iwlist ul li{width:240px; float:left; margin:0 8px 0 8px; height:195px; overflow:hidden;}
.iwlist ul .nr{margin-right:0;}
.iwlist ul li img{width:240px; height:190px;}
.iwlist ul li span{height:30px; line-height:30px; overflow:hidden; position:relative; top:-30px; z-index:999; opacity: 0.8;filter:alpha(opacity=80); background:#000; display:block; color:#fff; text-align:center;}

.sleft{width:242px; float:left;}
.sright{width:900px; float:right;}

.sright p{padding:5px 0;}

.ftable td{padding:5px;}
.ftable td input{border:1px solid #dfdfdf; padding:5px;}
.ftable td textarea{border:1px solid #dfdfdf; padding:5px;}
.ftable td select{border:1px solid #dfdfdf; padding:5px; margin:0;}
.ftable td .sumbit{border:1px solid #dfdfdf; background:#fff; padding:5px 15px; background:#f5f5f5;}



.suinfo{border:1px solid #dfdfdf; padding:10px;}
.suinfo span{display:block; padding:5px 0; border-bottom:1px dotted #dfdfdf;}
.suinfo .uc a:hover{text-decoration:underline;}
.suinfo .uname{font-size:16px; font-weight:bold;}
.suinfo img{margin-left:10px;}
#container{ width:1200px; margin:auto; }
#header{ width:1200px; margin-top:20px; margin-bottom:20px;padding:10px; height:60px; background-color:#FFFFFF;}
#companylog{ height:50px; float:left; overflow:hidden; margin-right:20px;}
#title{ width:450px;overflow:hidden; float:left;}
#title span {font-size:18px;  overflow:hidden;}
#title p{ font-size:12px; overflow:hidden;} 
#guide{height:27px;padding:0; margin:0}
#guide li{ display:inline}
#guide li a{ float:left; color:#fff; text-decoration:none;display:block; font:13px/1.2em Arial; padding:.4em 1em}
#guide li a:hover{ background:#4A9FBE;text-decoration:none}
#guide li.active a{background:#03779C;color:#fff }
#site-dsc{color:#B3D8E6; margin-top:.5em; font-size:14px}
#toolbar{ width:670px; float:right;}
#toolbar a{ color:#B3D8E6}
.banner{ margin:0px auto; width:1180px; height:400px; overflow:hidden;}
#main{ width:75.5%; background:#fff; }
#side{ width:23%;}
.text{ margin:.5em 1em 1em;}
#main .text { margin: 1em}
#side .list { margin:1em .5em 1.5em 2.5em;color:#333}
#side .list ul{ margin:0 0 1em 1em}
#side .list ul li{ margin:.5em 0}
#side .list li{ margin:.5em 0}
.profile-pic{margin:0 auto 1em;padding:1px;width:95%;}
.profile-pic div{ margin:0 auto 0;width:100%;padding:0;overflow:hidden;text-align:center;line-height:0}
.profile-pic div img{border:1px solid #ccc;padding:0; margin:0;}
.profile dd{ margin:.3em 0 0; line-height:120%}

/*#calendar */
.calendar table{ width:98%; margin:0 auto 1em; table-layout:fixed}
.calendar table td{ height: 15px;font:11px/150% Tahoma;text-align:center;}
.calendar table th{ text-align: center}
.calendar table td a{color:#fff;font:11px/12px Arial;background:#01759C;padding:0px 3px 2px}
.calendar table td a:hover{background:#015C88;text-decoration:none}

/*blog*/

.blog-content{ margin:2em 0; table-layout:fixed; width:100%; vertical-align:top}
.blog-content td{ font-size:13px; line-height:1.5em;overflow:hidden}
.blog-content td img { padding:5px; border:1px solid #B3D8E6; line-height:0}
.blog-content td a:hover img { border-color:#2E5B6B; background:#fff}
.bb{ border-bottom:1px solid #B5D7E3 ; padding:0 0 .6em; margin:0 0 .3em; line-height:2em;}

#footer{width:1180px; margin:0px  auto;background:#ffffff; padding:10px 10px 20px 10px;}
#footer ul,#footer li { display:inline; list-style:none ; margin:0 0 0 1em}

/*photos-album*/
.pic-list li{ height:50px; width:50px; list-style:none; float:left}
.pic-list li a img{ filter:alpha(opacity=80);Opacity=0.08;padding:2px; width:40px; height:40px}
.pic-list li a:hover img { filter:alpha(opacity=100);Opacity=0.1; position:absolute; width:79px;height:79px; margin:-20px 0 0 -20px}
.front-cover{ padding:0 1em 1em  0}

/*favorite*/
.fav dl{ margin-bottom:1.5em}
.fav dt{ margin-bottom:.5em}

/*goods*/
.goods-list li{ width:80px; height:80px; text-align:center; line-height:110%; margin:0 .3em 1em }
.goods-list li a:hover img { margin:-20px 0 0 -42px}
.goods-dl { max-width:55%; width:400px}
.goods-dl dd{ border-bottom:1px solid #E9F0DB; margin: 0 1em 0  0; line-height:2em}


/*friends*/
.frends-list li{ float:left; width:48%;height:120px; overflow:hidden; margin-left:1%}
.frends-list li a img{ padding:2px; float:left; margin-right:.5em}

/*comment*/
.comment dl{ display:block;clear:both;float:left;margin:.2em 0;border:1px solid #D6EDF5;width:90%;padding:.5em}
.comment dl:hover{border-color:#4BA9CD}
.comment dd{ margin:0 .8em .8em 0; padding:0; line-height:120%;}
.comment dd.comment-content{ width:80%;float:left;word-break:break-all;-o-text-overflow: ellipsis;}
.post-comment{ width:70%; margin: 0 0 1em}
.post-comment div{ margin:0 0 .5em }
.re-comment{ margin:1em 0 0; border:1px solid #D6EDF5; padding:1em}


/*itable*/
.itable td,.itable th{padding:.3em .5em}
.itable td { vertical-align: middle;border-bottom: 1px solid #D6EDF5;}
.itable tr.tr1 td{ background: #D6EDF5 ;}
.itable .ip { border:#CED4BE }
.itable td img {border:0;padding:0;background:none}

/*pages*/
.pages { margin-top:10px; margin-bottom:10px; text-align: center;clear:both }
.pages * { vertical-align: middle;}
.pages a{padding:1px 4px 2px ; background:#f9fcff;  border:1px solid #ADD2E1; margin:0 1px; color: #002F79; text-align: center; text-decoration: none; font:normal 10px Tahoma ; }
.pages a:hover { border:#37A717 1px solid; background:#EDFFE4; text-decoration:none; color: #002F79}
.pages input { border:1px solid #ccc; height: 14px; font: 9px Tahoma; padding-top:1px;text-align: center; }
.pages b { padding:2px ;  margin: 0 3px;font:bold  10px/12px Tahoma}

/*menu
.menu{position:absolute;background:#fff;border:1px solid $tablecolor;}
.menu td, .menu li,.menu ul{background:#fff;padding:0; margin:0}
.menu li{list-style:none;}
.menu a{display:block;padding:3px 15px 3px 15px;background:#fff;}
.menu a:hover{background:$linkcolor;text-decoration:none;color:#fff;}
.menu ul.ul1 li a{display:inline;padding:0}*/

.listPic dl{ width:24.5%; float:left; text-align:center; padding:0; margin:.5em 0}
.listPic dt a{ color:#333}
.listPic dd{ padding:0 0 .5em 0; margin:0; text-indent:0; height:90px; vertical-align:middle}
.listPic dd img{ width:85px;height:85px; padding:2px; border:1px solid #eee;}

.listPic1 dl{ width:33%; float:left; text-align:center; padding:0; margin:.5em 0}
.listPic1 dt a{ color:#333}
.listPic1 dd{ padding:0 0 .5em 0; margin:0; text-indent:0; height:55px; vertical-align:middle}
.listPic1 dd img{ width:50px;height:50px; padding:2px; border:1px solid #eee;}
.listPic-albumn dd { height:105px;}
.listPic-albumn dd img { width:90px; height:90px; padding:4px 4px 8px; border:0; background:url(albumn-bg.gif)}

.moduleA{ margin:.2em; border:1px solid #A6CBE7; line-height:110%; border-bottom-color:#66A0CC; border-right-color:#66A0CC;}
.moduleA h3{ color: #0066FF;padding:.5em; margin:0;font-family:Tahoma;font-size:12px;cursor:move }
.tableA { table-layout:fixed}
.tableAtd{ border:1px solid #D4E8F7;height:50px;}
.editButton{ float:right; font:12px/120% Tahoma; color:#CCC; text-decoration:none ; padding-left:0.5em; background:url($imgpath/button_edit.gif) no-repeat 0 .1em}
.editButton:hover{ background-position:.1em .2em}
.editBox{ background:#FFFFCF; margin:0 .2em .2em ; padding:.2em }
.editArea {border:1px solid #eee; width:96%; margin:auto;padding:.2em; background:#fff}
.menu1{position:absolute;border:1px solid #CCCCCC;background:#FFFFFF;z-index:1000;width:200px;height:255px;overflow-Y:auto}
.menu1 h3{background:$headcolor;text-align:left;color:$headfontone;padding:5px 7px 3px 7px;cursor:move}
.menu1 div{padding:5px 10px;}
.checkon{border:1px solid #0A9800;background:#CAFFC0;cursor:move}
.move{position:absolute;}

#colorbox{width:91px;height:78px;padding:3px 0 0 3px;overflow:hidden;}
#colorbox div{cursor:pointer;width:8px;height:8px;float:left;margin:0 3px 3px 0;border:1px #000 solid;font:0/8px arial}

.smile{ height:23px;padding:7px 0 0 8px;text-align:left;background:#E0F0F9 url(th1.png);cursor:move}
.smile div{ width:56px;height:18px;text-align:center;padding:5px 0 0;cursor:pointer;}
.smile div.lian{ background:#ffffff url(tag.jpg) no-repeat;cursor:auto;}

.user-info{ position:absolute;line-height:160%; margin-left:-1.5em; margin-top:-1em}
.user-infoWrap{background:#FFF; border:1px solid #004C7D; border-top:1px #A6CBE7 solid; border-left:1px solid #A6CBE7; padding:.5em 1em; margin-left:20px;display:block;}
.user-info .co{position:absolute; width:10px;height:20px; margin-left:-1.8em; margin-top:2em; background:url(user-info-co.png)}

/*menu_sm*/
.menu_sm{ position:absolute;background:#fffcd9;border-bottom:1px solid #e7d62b; width:100%;}
.menu_sm a{padding:5px 15px 5px 15px;  color:#f79305;}
.menu_sm a:hover{text-decoration:none;color:#fff;}

@media screen and (min-width:0px){
.goods-list li a:hover img {  margin:-20px -20px 0 0}
}

.usericobox {
	float:left;
	margin-bottom:8px;
	margin-right:3px;
	width:47px;
	height:68px;
	text-align:center;
	overflow:hidden;
}

.infobox {
	padding-left:10px;
	margin-bottom:10px;
}

.infobox li {
	line-height:32px;
	height:32px;
	border-bottom:1px dashed #dedede;
}

.introduce {
	border-bottom:1px dashed #dedede;
	line-height: 180%;
}
.orilist{overflow:hidden;background-color:#FFFFFF;}
.orilist ul{margin:0; padding:0; padding-left:10px; list-style:none; background:#fff;}
.orilist ul li a{color:#000000;}
.orilist ul li a:hover{color:#FFAE00;}
.orilist ul li{width:270px;  border-right:none; float:left; padding:10px 9px 0px 9px;}
.orilist ul li img{width:270px; height:210px; }
.orilist ul li h4{margin:0; padding:0; text-align:center; font-size:16px; padding:10px 0;  font-weight:normal; }

.worklist ul{margin:0; padding:0; list-style:none;}
.worklist ul li{border-bottom:1px dashed #dfdfdf; overflow:hidden; margin-bottom:10px; padding-bottom:10px;}
.worklist ul li img{width:200px; border:1px solid #dfdfdf; padding:4px; float:left; margin:0 10px 10px 0;}
.worklist ul li .h4{font-size:15px; margin:0; padding:0; font-weight:bold;color:#666;}
.worklist ul li .ot{color:#CCCCCC; display:block;}

.workimg img{max-width:800px; margin:10px 0; padding:10px; border:1px solid #dfdfdf;}

/*会员首页*/
.box .user_top{width:880px; height:298px; overflow:hidden;float:left;border:1px solid #C7C7C7; margin-top:10px;}
.box .user_rightimg{width:300px; height:300px; overflow:hidden;float:right;margin-top:10px;}
.box .user_rightimg img{width:300px; height:300px;}
.box .user_img{width:295px;heigth:235px;float:left;margin-top:30px;overflow:hidden;}
.box .user_img img{width:235px; height:235px; margin:0 auto; display:block;}
.box .user_info{width:560px;height:245px; margin-top:20px; float:left;line-height:35px; overflow:hidden;font-size:14px; }
.box .user_info h1{width:100%;display:block; line-height:40px; font-size:22px; font-weight:normal;}
.box .user_info span{width:100%;display:block; line-height:35px; font-weight:normal;color:#98ca33;}
.box .user_top .user_btn{position:absolute;width:115px; height:40px; margin-left:730px; margin-top:50px;}
.box .user_top .user_btn a{display:block;width:115px; line-height:40px; font-size:18px;color:#fff;background:#fe883e; text-align:center; border-radius:5px;}
.box .user_top .user_btn a:hover{background:#fe6902;}
.box_bg .user_case{margin:0 auto; width:1200px;overflow:hidden; margin-top:20px; margin-bottom:20px;}
.box_bg .user_case h1{margin:0 auto;display:block;width:1170px; line-height:30px;font-size:26px; font-weight:normal;color:#fe883e; margin-bottom:20px;}
.box_bg .user_case  ul{width:100%;}
.box_bg .user_case  ul li{width:25%;float:left; overflow:hidden;height:270px;}
.box_bg .user_case  ul li  img{margin:0 auto; display:block;width:280px;height:200px;-webkit-box-shadow:0 0 10px #C7C7C7; -moz-box-shadow:0 0 10px #C7C7C7; box-shadow:0 0 10px #C7C7C7;}
.box_bg .user_case  ul li  h4{margin:0 auto; display:block;width:278px; line-height:50px;text-align:center;font-size:16px;border:1px solid #C7C7C7;border-top:none; font-weight:normal;-webkit-box-shadow:0 0 10px #C7C7C7; -moz-box-shadow:0 0 10px #C7C7C7; box-shadow:0 0 10px #C7C7C7;}