@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0 }
body { background: #DDD6CC; font: 12px "宋体", "Arial Narrow", HELVETICA; color: #3F3E3C; line-height: 1.5; }
img { border: 0; vertical-align: middle }
p { display: block;margin: 0; }
ul { list-style: none;margin: 0; }
a { color: #a6a6a6; text-decoration: none; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
a:focus, a:hover {
    color: #000000;
    text-decoration: none;
}
.blank { height: 5px; overflow: hidden; width: 100%; margin: auto; clear: both }
.h1, .h2, .h3, h1, h2, h3 {
    margin: 0;font-weight:bold;
}
/* nav */
header { width: 100%; height: 43px; background: -webkit-gradient(linear, 78% 100%, 78% 41%, from(#EFEEEC), to(#ffffff)); box-shadow: #D0C9C0 2px 2px 3px }
header nav { margin: 0 auto; width: 980px; text-align: center }
header nav ul li { line-height: 43px; display: block }
header nav ul li a { color: #484848; float: left; padding: 0 20px; margin-right: 2px; }
header nav ul li a:hover, #nav_current { color: #ffffff; background: #78d242; transform: skew(-20deg); -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); }
/* mainContent */
.mainContent { background: #E8E5DD; width: 1000px; margin: 20px auto; overflow: hidden }
.mainBlack { background: #ffffff; width: 1000px; margin: 20px auto; overflow: hidden;height: 600px; }
aside { width: 270px; float: left; }
.avatar { margin: 20px auto; width: 160px; height: 160px; border-radius: 160px; -moz-border-radius: 160px; -webkit-border-radius: 160px; overflow: hidden; }
.avatar a { display: block; padding-top: 97px; width: 160px; height: 160px;}
.avatar a span { display: block; margin-top: 63px; padding-top: 8px; width: 160px; height: 63px; text-align: center; font-size: 16px; line-height: 20px; color: #ffffff; background: rgba(0, 0, 0, .5); -webkit-transition: margin-top .2s ease-in-out; -moz-transition: margin-top .2s ease-in-out; -o-transition: margin-top .2s ease-in-out; transition: margin-top .2s ease-in-out; }
.avatar a:hover span { display: block; margin-top: 0; }
.topspaceinfo { background: #78d242; padding: 40px 20px; color: #ffffff }
.topspaceinfo h1 { font-size: 16px; line-height: 40px }
.userinfo { padding: 20px 20px 20px; font-size: 14px; line-height: 28px; color: #666; }
.userinfo a { color: #78d242; }
.userinfo a:hover { color: #000000 }
.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: #78d242; color: #ffffff; 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 }
.newtxt ul{ padding: 10px 30px; overflow: hidden }
.newtxt ul li { display: inline; }
.newtxt ul li a {  border: 0; display: block;  border: 1px solid transparent; }
.taglist ul li a { padding: 2px 5px; display: inline-block; float: left; margin-right: 5px; color: #454545; }
.taglist ul li a:hover { background: #78d242; color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.blogitem { width: 730px; background: #ffffff; float: left;min-height: 900px;}
.blogitem article { border-bottom: #F4F3EF 40px solid; }
.blogblack { width: 100%;  float: left ;height:272px;padding-top: 160px;}
.title { background: url(../images/titlebg.png) no-repeat 5% 80%; font-size: 20px; line-height: 28px; display: inline-block; padding: 38px 60px 8px 80px; border-bottom: 1px solid #e2e2e2; width: 100%; }
.title a { color: #454545; }
.title a:hover { padding: 20px }
.txt { /* font-size: 14px; */ padding: 20px 40px;overflow: hidden; }
.txt1 {padding: 20px 40px;text-align:center ;color:#999999;}
.txt p { line-height: 24px; margin-bottom: 10px }
.txt img {max-width:100%;}
.txtimg { text-align: center }
.txtimg img { max-width: 500px; width:expression(document.body.clientWidth > 500? "500px": "auto" );}/*for ie6*/
.txtfoot { padding: 20px 60px; border-top: 1px solid #dddcdb; text-align: right; box-shadow: #999999 2px 2px 3px }
.txtfoot a { margin-left: 10px; }

.xiangce ul li { float: left;line-height: 150px;width: 150px;height: 150px;display: block;vertical-align: middle;}

.pages { background: #F4F3EF; padding-right: 50px;}
.pages ul { float: right;}
.pages ul li { float: left;line-height: 22px;}
.pages ul li.disabled { display: none;}
.pages ul li a { margin-right: 5px }
.pages ul li span {padding:5px 8px;border: none;background-color: #78d242;margin-right: 5px }
.pages a { background: #ffffff; color: #454545; padding: 5px 8px; border: none; }
.pages a:hover { background: #CCC }
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 5px 8px;
    margin-right: 5px;
    line-height: 1.42857143;
    color: #454545;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #78d242;
    border-color: #78d242;
}
/* footer */
footer { border-top: 9px solid #78d242; background: #242221; width: 100%; }
.footavatar { width: 700px; margin: auto; position: relative; color: #666; }
.footavatar img{ height:110px}
.footphoto { position: absolute; top: -58px; left: 20px; display: block; border: #78d242 5px solid; }
.footinfo { display: block; padding: 0 0 0 160px }
.fname { color: #78d242; margin-top: 16px; font-size: 18px; line-height: 28px; }
.fname a { color: #78d242; }
.finfo { line-height: 22px; }
.visitor { width: 800px; margin: 40px auto 0; clear: both; border-top: 1px solid #32302e; padding-top: 40px; overflow: hidden; }
.visitor h2 { color: #ffffff; font-size: 14px; font-weight: normal; padding: 0 20px 0 }
.visitor ul { padding: 20px }
.visitor ul li img { width: 78px; height: 78px; display: block; border: #ffffff 2px solid }
.visitor ul li a { float: left; margin-right: 10px }
.visitor ul li a:hover { opacity: 0.5 }
.Copyright { text-align: center; color: #959595; margin: 40px 0 0 }
.Copyright ul a { color: #78d242; display: inline; padding: 0 10px; }
.Copyright ul a:nth-child(-n+3) { border-right: #999999 1px solid }
.Copyright ul a:hover { color: #ff8b70; }

#tagContent div{width:730px;overflow:hidden;display:none;}
#tagContent .lifecon{margin-top:20px;}
#tagContent .life-pic{width:300px;height:230px;margin:20px 12px;padding:3px;border:1px solid #ccc;box-shadow:0 0 5px #ccc;position:relative;text-align:center;float:left;line-height:1.3rem;}
#tagContent .life-pic li{position:absolute;width:100%;color:#ffffff;line-height:2.2rem;background-color:#78d242;display:none;left:0px;bottom:0px;}

textarea { overflow: auto; vertical-align: top; }
label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; }
input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 30px; padding: 4px 6px; line-height: 20px; color: #555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
input, textarea, .uneditable-input { width: 206px; }
textarea { height: auto; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  -webkit-transition: border linear .2s, box-shadow linear .2s;
 -moz-transition: border linear .2s, box-shadow linear .2s;
 -o-transition: border linear .2s, box-shadow linear .2s;
 transition: border linear .2s, box-shadow linear .2s;
}
select:focus,textarea:focus, input[type="file"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #78d242; outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #78d242; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9;  *margin-top: 0;
line-height: normal; }
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; }
select, input[type="file"] { height: 30px;  *margin-top: 4px;
line-height: 30px; }
select { width: 220px; background-color: #ffffff; border: 1px solid #ccc; }
input, button, select, textarea { font-family: "Microsoft YaHei", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; }
.btn { display: inline-block;  *display: inline;
padding: 4px 12px; margin-bottom: 0;  *margin-left: .3em;
font-size: 14px; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5;  *background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc;  *border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 *zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333; background-color: #e6e6e6;  *background-color: #d9d9d9;
}
.btn:active, .btn.active { background-color: #ccc \9; }
.btn:first-child {  *margin-left: 0;
}
.btn:hover, .btn:focus { color: #333; text-decoration: none; background-position: 0 -15px;  -webkit-transition: background-position .1s linear;
 -moz-transition: background-position .1s linear;
 -o-transition: background-position .1s linear;
 transition: background-position .1s linear;
}
.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: .65; filter: alpha(opacity = 65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); }
.btn-primary { color: #ffffff; background: #78d242; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: rgba(63, 165, 31, 0.9);  *background-color: rgba(63, 165, 31, 1)}
.btn-primary:active, .btn-primary.active { background-color: #78d242 \9; }
.nav-tabs, .nav-pills {  *zoom: 1;}
.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; line-height: 0; content: ""; }
.nav-tabs:after, .nav-pills:after { clear: both; }
.nav-tabs>li, .nav-pills>li { float: left; }
.nav-tabs>li>a, .nav-pills>li>a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; }
.nav-tabs { border-bottom: 1px solid #ddd; }
.nav-tabs>li { margin-bottom: -1px; }
.nav-tabs>li>a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus { border-color: #f5f5f5 #f5f5f5 #ddd; }
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus { color: #555; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; }
.nav { margin-bottom: 20px; margin-left: 0; list-style: none; }
.nav>li>a { display: block; }
.nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: #f5f5f5; }
.nav>li>a>img { max-width: none; }

.tagContent{width:300px;}

/**
 * Grid container
 */
#main {
	margin-top: 25px;
	margin-bottom: 25px;
}
#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}
#tiles li:hover img{
	opacity:0.8;
}
/**
 * Grid items
 */
#tiles li {
 	width: 200px;
	background-color: #ffffff;
	border: 1px solid #dedede;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: none;
	cursor: pointer;
	border-radius: 0.2em;
	box-shadow: 1px 1px 5px 0 #a2958a;
}
#tiles li img{
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
}
#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
 	display: block;
	width: 100%;
}

.form-horizontal .control-label {
	float: left;
	width: 160px;
	padding-top: 5px;
	text-align: right;
	font-family: "Microsoft YaHei", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0; font-size: 100%; vertical-align: middle;	
}

.form-horizontal .form-actions {
	padding-left: 180px
}

.form-horizontal .controls {
	line-height: 20px;
	margin-bottom: 10px;
	margin-left: 180px;
	padding-top: 5px;
	font-family: "Microsoft YaHei", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.userdiv{height:700px;margin-top: 30px;}

ul.inline,ol.inline {
	margin-left: 0;
	list-style: none
}

ul.inline>li,ol.inline>li {
	display: inline-block;
	*display: inline;
	padding-right: 5px;
	padding-left: 5px;
	*zoom: 1
}

input[type="radio"]:focus,input[type="checkbox"]:focus{
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.radio,.checkbox {
	min-height: 20px;
	padding-left: 5px
}

.radio input[type="radio"],.checkbox input[type="checkbox"] {
	float: left;
	margin-left: -20px
}