@charset "utf-8";
/* CSS Document */
ul,li{ margin:0; padding:0;}
a:focus{ border:0 none; outline:0 none;}
a{ font-family:Microsoft Yahei,Arial;}
.s_main{ height:316px; margin-top:6px;}
.s_main .left_m{ float:left; width:155px; margin-right:6px;}
.s_main .left_m .p_person{ padding-bottom:6px;}
.n_comm{ width:155px; height:155px; position:relative; background:url(../images/space/index/n_comment.gif) no-repeat;}
.n_comm .wenzi{}
.n_comm .nums{ width:29px; height:29px; position:absolute; font-size:16px; color:#ffffff;text-align:center; line-height:29px; left:100px; top:22px; z-index:10;}
.n_comm .nums a{ color:#ffffff;}
.n_comm .tip_info{ position:absolute; width:100px; left:57px; top:53px; z-index:9; color:#707070; font-size:14px;}
.n_comm .tip_info a{ color:#5abce1; font-size:14px;} 

.hd_zone{ width:477px; height:316px; float:left;position:relative; margin-right:6px;}
.hd_zone .hd{ width:477px; height:316px; overflow:hidden; }
.hd_zone .hd ul{ width:100em;}
.hd_zone .hd ul li{ float:left; width:477px; height:316px; position:relative;}
.hd_zone .hd ul li .info{ width:100%; height:53px; position:absolute; left:0; bottom:0; background:#ffffff; opacity:0.85; filter:alpha(opacity=85);}
.info .sinf{ width:100px; height:24px; background:url(../images/space/index/photo.gif) no-repeat; margin:14px 0 0 16px; line-height:24px; padding-left:34px; font-size:18px; color:#434343;}
.info .sinf a{color:#434343;}
.snav{ width:40px; display:block; position:absolute; right:10px; bottom:18px; z-index:100;}
.snav ul li{ float: left; width:10px; height:10px; text-indent:-9999px; background:url(../images/space/index/grey.gif) no-repeat; margin-right:6px; cursor:pointer;}
.snav ul li.active{ background:url(../images/space/index/blue.gif) no-repeat;}

.right_m{ width:316px; float:left;}

.item{ border:1px solid #7ecef4;}
.item .i_pad{ padding:2px 12px 0px;}
.item  .i_title{ height:30px; line-height:30px; margin-bottom:16px; border-bottom:1px dashed #7ecef4; padding-left:32px; font-size:14px; color:#535353; background:url(../images/space/index/fan.gif) 0px 5px no-repeat;}
.item  .i_title  a{color:#535353;}
.item  .nf{ width:100%; position:relative;}
.item ul.n_c{ width:100%; }
.item ul.n_c li{ float:left; height:46px; width:145px; margin-bottom:6px; font-size:12px; color:#535353; line-height:46px;}
.item ul.n_c li div.m_con{ width:45px; height:46px; background:url(../images/space/index/small_img.gif) no-repeat; float:left; margin-right:6px;}
.item ul.n_c li div.m_con .img_zone{  padding:2px 0 0 2px;}
.img_zone1{width:39px; height:39px;}
.item ul.n_c li .t_name{ height:46px; line-height:46px; }
.item ul.n_c li .t_name a{color:#535353;}

#follower{ height:152px;}
#follow{ margin-top:6px; height:152px;}
#follow .i_title{ background:url(../images/space/index/follow.gif) 0px 6px no-repeat;}

.se_main{ padding-top:6px;}
#comment{ width:260px; margin-right:6px; height:152px;}
#relation{ width:260px; margin-right:6px; height:152px;}
#join{ width:260px; margin-right:6px; height:152px;}

.item1{ border:1px solid #7ecef4; float:left;}
.item1 .i_pad{ padding:2px 12px 0px;}
.item1  .i_title{ height:30px; line-height:30px; margin-bottom:7px; border-bottom:1px dashed #7ecef4; padding-left:32px; font-size:14px; color:#535353;}
.item1  .nf{ width:100%; position:relative;}
.item1 ul.n_c{ width:100%; }
.item1 ul.n_c li{ height:46px; width:100%; margin-bottom:6px; font-size:12px; color:#535353; border-bottom:1px solid #c9c9c9; padding-bottom:4px;}
/*.item1 ul.n_c li div.m_con{ width:45px; height:46px; background:url(../images/space/index/small_img.gif) no-repeat; float:right; }
.item1 ul.n_c li div.m_con .img_zone{  padding:2px 0 0 2px;}
.img_zone1{width:39px; height:39px;}*/


.item1 ul.n_c li div.m_con{width: 48px; height:36px; background:#ffffff; -webkit-box-shadow: 2px 3px 4px rgba(12,3,6,.2); -moz-box-shadow: 2px 3px 4px rgba(12,3,6,.2); box-shadow: 2px 3px 4px rgba(12,3,6,.2); border: solid 4px #fff; float:right;}
.ie8 .item1 ul.n_c li div.m_con{ zoom: 1;/*filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=3, Color=#dbdadb);*/filter: progid:DXImageTransform.Microsoft.Shadow(color=#dbdadb,direction=90,strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#dbdadb,direction=180,strength=3) }
.item1 ul.n_c li a {color:#535353;}


.item1 ul.n_c li .t_name{  float:left; width:175px; padding-top:8px; }
.item1 ul.n_c li .t_name span{ /*color:#5abce1;*/ padding:0 4px;}
#comment  .i_title{ background:url(../images/space/index/comment.gif) 0px 3px no-repeat;}
#relation .i_title{ background:url(../images/space/index/relation.gif) 0px 7px no-repeat;}
#join .i_title{ background:url(../images/space/index/join.gif) 0px 1px no-repeat;}
.setting{ float:left;}
.nodata{ padding-bottom:87px;font-size:12px; color:#535353;}
.nd1{ padding-bottom:96px;}

.item1 .i_title  a{color:#535353;}
#hd_p img{ max-width:477px; max-height:316px; display:block; margin:0 auto;}