/* CSS Document */
.usercenter-cnt {
position: relative;
min-height:600px;
}
.usercenter-nav {
width: 210px;
position: absolute;
left: 0;
border: 1px solid #cecece;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
.usercenter-nav-menu>dt {
display: inline-block;
padding: 30px 30px;
text-align: center;
background-color: #f4f4f4;
}
.usercenter-nav-menu>dt>.usercenter-img {
margin-bottom: 30px;
}
.usercenter-nav-menu>dd>a {
font-size: 17px;
color: #333;
background-color: inherit;
border-top: 1px solid #cecece;
width: 180px;
height: 55px;
line-height: 55px;
display: inline-block;
padding-left: 30px;
}
.usercenter-nav-menu>dd>a.active, .usercenter-nav-menu>dd>a:hover {
background-color: #f4f4f4;
background-image: url(../images/usercenter-active.png);
background-position: right center;
background-repeat: no-repeat;
}
.usercenter-show {
margin-left: 230px;
width: 770px;
min-height: 500px;
}
.usercenter-box{ padding:20px 0;}
.usercenter-box input[type=text], .usercenter-box textarea {
width: 410px;
}
.comment-navi-list {
border: 1px solid #cecece;
background: #f4f4f4;
}
.comment-navi-list li {
	float:left;

border-right: 1px solid #cecece;
cursor: pointer;
}
.comment-navi-list li a{
	display:block;
	width: 109px;
height: 42px;
line-height: 42px;
text-align:center;}
.comment-navi-list li:hover, .comment-navi-list li.active {
background: #fff;
}

.opt-btn, .btn-base {
	height: 33px;
	padding:0 20px;
	display: inline-block;
	text-align: center;
	line-height: 33px;
	font-size: 17px;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle
}
.btn-form-blue {
border: 1px solid #2773bf;
background-color: #358ae2;
color: #fff;
padding: 0 30px;
height: 40px;
line-height: 40px;
display: inline-block;
font-size: 17px;
}
.btn-blue {
	cursor: pointer;
	border: 1px solid #2773bf;
	background-color: #2d88e5;
	color: #fff
}
.btn-blue:hover {
	background: #549de9;
	text-decoration: none
}
.btn-blue:active {
	background: #2875c5
}
.btn-gray {
	border: 1px solid #cecece;
	background-color: #f4f4f4;
	color: #333
}
.btn-gray:hover {
	background-color: #f9f9f8;
	text-decoration: none
}
.btn-gray:active {
	background-color: #c3c3c3
}

.usercenter-show .feed-tab {
display: block;
height: 32px;
line-height: 25px;
border-bottom: solid 1px #eee;
position: relative;
font-size: 14px;
margin: 0 0px;
}
.usercenter-show .feed-tab .tab-item {
float: left;
cursor: pointer;
color: #666;
padding: 0 20px 0 0;
}
.usercenter-show .feed-tab .tab-item a{
	display:block;
	height:32px;
	color: #666;
	
}
.usercenter-show .feed-tab .tab-item a:hover,.usercenter-show .feed-tab .tab-item a.active{ border-bottom:2px solid #06F;margin-bottom:-2px;}
.usercenter-show .feed-tab .split {
height: 13px;
width: 0;
overflow: hidden;
border-right: 1px solid #eee;
float: left;
margin-top: 6px;
margin-right: 20px;
}
/* 修改头像 */
.modifyHead { width:370px; float:left; display:inline;}
.modifyHead .mhPic { width:370px; height:240px; overflow:hidden; background:#eee; position:relative;}
.modifyHead .mhPic .mhChooseA {width:91px; height:32px; line-height:32px; display:block; text-align:center; font-size:14px; color:#fff; background:#757575;border-radius:2px; position:absolute; top:100px; left:133px;}
.modifyHead .mhChooseB { margin-top:10px; display:inline-block;}
.modifyHeadR { width:150px; float:right; display:inline;}
.modifyHeadR  dt { font-size:14px; color:#666; margin-bottom:10px;}
.modifyHeadR  dd { padding-bottom:10px;}
.modifyHeadR  dd p { padding-top:5px; color:#999;}
.modifyHeadR .mhr100 img { width:100px; height:100px;}
.modifyHeadR .mhr50 img { width:50px; height:50px;}
.modifyHeadR .mhr100 img,.modifyHeadR .mhr50 img{ display:block; overflow:hidden;}  
.mhBtn { width:270px; padding:20px 0 20px 100px;}
.mhBtn input { float:left; display:inline; margin-right:20px;}
.mhBtn .btn25G { padding:0 20px; border-bottom:none;}
.filebtn {
cursor: pointer;
height: 35px;
left: 120px;
opacity: 0;
outline: medium none;
padding: 20px 0;
top: 99px;
position: absolute;
width: 100px;
z-index: 10;
filter: alpha(opacity=5);
box-shadow: 1px 1px 4px #666666;
}
