@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:400;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:400;
}
em {
	font-style:italic;
}
a{
	outline:none;
	color: #666666;
	text-decoration:none;
	border-bottom: 0px;
	hide-focus:expression(this.hideFocus=true);
}
input, button, select, textarea {
	font-size:12px;
	vertical-align:middle;
}
img {
	vertical-align:middle;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:block;
	clear:both;
}
.clearfix2 {
	_height:1%;
	overflow:auto;
}
.mydebug {
	border:#000 solid 1px;
}
.clearBoth{ clear:both}
.dgray{ color:#333333}
.red{ color:#F00}
.brown{ color:#764e2a}
.camgreen{ color:#4a9fc8}
.lightGary{ color:#999999}
.white{ color:#fff;}
.golden,a.golden:link,a.golden:visited,a.golden:hover{ color:#f74b00;}
.black,a.black:link,a.black:visited,a.black:hover{ color:#000;}
.blue,a.blue:link,a.blue:hover,a.blue:visited{ color:blue}
.font14{ font-size:14px; font-weight:bold}
.font12{ font-size:12px; font-weight:normal}
.font14-1{ font-size:14px; color:#333;}
.underLine{ text-decoration:underline}
.floatLeft{ float:left;}
body {
	background: url(../images/bg_01.jpg) repeat;
	font-size:12px;
	font-family:"宋体";
	color: #666666;
}
/*头部文件*/
li.noneBG{ background:none}
#blog-top{ margin:0 auto; width:1150px; background:url(../images/person_bg.gif) repeat-x;}
#blog-top ul.topNav{display:block; background:url(../images/pic_blog_home_14.gif) left no-repeat; width:950px; height:34px; margin:0px auto;}
#blog-top ul.topNav li{ padding:0 8px; background:url(../images/pic_blog_home_21.gif) right top no-repeat; line-height:34px;float:right;}
#blog-top ul.topNav li.noneBG{ background:none}
#blog-top ul.topNav li.picimg{ float:left; background:none;}
#blog-top .topBanner{ display:block; background: url(../images/blue_03.jpg) no-repeat; height:285px; width:1150px; margin:0px auto; }
.center{ width:920px; margin:0px auto;}
#blog-top .topBanner h1{ font-size:26px; display:block; font-weight:bold; line-height:30px; padding-top:30px; }
#blog-top .topBanner h2{ display:block; line-height:20px; font-size:14px; padding-left:5px;}
.english{ padding-left:5px;}
#blog-top .nav{ height:30px; width:960px;display:block; margin:0px auto; padding-top:38px;}
#blog-top .nav ul{ float:left;  height:30px; padding-left:38px;}
#blog-top .nav ul li{float:left; padding:0px; padding-right:44px;}
#blog-top .nav ul li.noneBG{ background:none}
#blog-top .nav .rNav{ float:right;height:30px; padding-right:14px;}
#blog-top .nav .rNav a{ color:#333;}
#blog-top .nav a{ color:#0e88b6; font-weight:bold; font-size:14px; line-height:30px}
#blog-top .nav a.diary{ color:#84a925;}
#blog-top .nav a.photos{ color:#ff4200;}
#blog-top .nav a.message{ color:#e008ab;}
/*主体文件*/
#blog-content{ width:970px; margin:0 auto; overflow:hidden;background: url(../images/) no-repeat top #ecfdff; padding-left:100px; padding-right:80px;}

#leftContent{ width:213px; float:left;}
.leftContent-content{ background-image:url(../images/blue01.jpg); width:213px; background-repeat:repeat-y; overflow:hidden;}
.leftContent-bottom{ clear:both; background-image:url(../images/blue_13.jpg); width:213px; height:32px;}
#leftContent .info{ width:187px; margin:0px auto; overflow:hidden;} 
#leftContent .info .info-photo{ background-image:url(../images/person-photo.gif); width:155px; height:152px; text-align:center; padding-top:4px; overflow:hidden; display:block; margin:0px auto;}
#leftContent .info h1{ display:block; color:#000; line-height:26px; font-weight:bold; text-align:center}
#leftContent .info .info-btn { display:block;height:21px; overflow:hidden; text-align:center; clear:both; padding-bottom:5px;}
#leftContent .info .info-btn p{ float:left;}
#leftContent .info .info-btn a{ width:42px; height:21px;line-height:21px;padding-left:14px;background:url(../images/pic_blog_home_05.gif) left no-repeat; margin-right:4px; display:block;}
.info-box{ width:176px; line-height:20px; clear:both; overflow:hidden;   background:#e5f9fd; margin:0 auto;}
.info-box1{ width:176px; height:13px; clear:both; overflow:hidden; background:url(../images/1_24.jpg) no-repeat; margin-top:5px; margin:0 auto;}
.info-box2{ width:176px; height:14px; clear:both; overflow:hidden; background:url(../images/1_27.jpg) no-repeat; margin-bottom:15px; padding-bottom:15px; margin:0 auto;}

#leftContent .myfriends{display:block; padding-right:10px; margin:0 auto;}
#leftContent .myfriends .topTitle{ padding-left:20px;height:29px; position:relative; color:#333333; line-height:27px; font-weight:bold; background-image:url(../images/bu_14.jpg); width:167px; height:27px; margin:0px auto;}
#leftContent .myfriends .topTitle .more a{ height:29px; width:50px; text-align:center; right:0; top:0; position:absolute; font-weight:normal; color:#fff;}
#leftContent .myfriends .myfriends-content{ padding:10px 7px; overflow:hidden; margin-left:10px;}
#leftContent .myfriends .myfriends-content dl{ height:72px; width:47px; float:left; padding:0 6px}
#leftContent .myfriends .myfriends-content dt{  display:block; text-align:center}
#leftContent .myfriends .myfriends-content dd{ height:24px; display:block; line-height:24px; text-align:center}
#leftContent .myfriends .myfriends-bottom{}
#leftContent .myfriends .myfriends-news { padding:8px; clear:both; overflow:hidden; padding-left:19px}
#leftContent .myfriends .myfriends-news h1{ display:block;line-height:20px; background:url(../images/pic_blog_home_27.gif) no-repeat; padding-left:10px; color:#333333; background-position:0px 8px; overflow:hidden;}
#leftContent .myfriends .myfriends-news p{ display:block; line-height:20px; text-indent:10px; border-bottom:1px dotted #cccccc; height:20px; overflow:hidden;}
#rightContent{width:754px; float:left; overflow:hidden;}
.rightContent-bg{}
.rightContent-content{ background-image:url(../images/blue_09.jpg); width:754px; background-repeat:repeat-y; overflow:hidden;}
.rightContent-bottom{ clear:both; background-image:url(../images/blue_14.jpg); width:754px; height:89px;}
#rightContent .clearMargin{ margin:0}
#rightContent .blank{ display:block; height:10px;}
#rightContent-top{ display:block; height:174px; margin:0 auto}
#rightContent-top .photoBox{ width:489px; height:174px; float:left; }
#rightContent-top .photoBox .photoBox-top{ height:6px;}
#rightContent-top .photoBox .photoBox_content{ padding-left:20px; height:164px; width:459px}
#rightContent-top .photoBox .photoBox_content_img{ float:left; padding:1px; border:1px solid #f1f1f1; margin:3px}

#rightContent-top .photoBox .photoBox-bottom{ height:6px; }
#rightContent-top .myBoard{ width:238px; background:url(../images/pic_blog_home_01.gif) center no-repeat; float:left; height:174px; color:#FFF}
#rightContent-top .myBoard h1{ line-height:60px; display:block; text-align:center; font-weight:bold; font-size:14px}
#rightContent-top .myBoard p{ padding:0 30px; display:block; line-height:16px; text-indent:24px}
#rightContent h2{ width:696px; height:33px; padding-left:14px; position:relative; background:url(../images/gt_19.jpg) no-repeat center; display:block; margin:10px auto; line-height:34px; clear:both; overflow:hidden; margin-left:17px;}
.margin-left{ margin-left:20px;}
#rightContent h2 a.writeBtn{ display:block; width:58px; height:33px; background:url(../images/pic_blog_home_33.jpg) center no-repeat;  color:#FFF; text-decoration:underline; right:77px; top:0; text-align:center; font-weight:bold; position:absolute}
#rightContent h2 a.mywriteBtn{ display:block; width:58px; height:33px; background:url(../images/pic_blog_home_33.gif) center no-repeat;  color:#FFF; text-decoration:underline; right:180px; top:0; text-align:center; font-weight:bold; position:absolute}
#rightContent h2 .dairyListBtn{ width:118px; height:20px; right:25px; top:7px; position:absolute}
#rightContent h2 .more{ width:77px; height:33px; right:0; top:0; position:absolute; text-align:center; }
#rightContent h2 .more a{ color:#333;}
#rightContent samp{ width:696px; height:33px; padding-left:14px; position:relative; background:url(../images/person-_17.gif) no-repeat center; display:block; margin:10px auto; line-height:34px; clear:both; overflow:hidden;}
#rightContent samp a.writeBtn{ display:block; width:58px; height:33px; background:url(../images/pic_blog_home_33.gif) center no-repeat;  color:#FFF; text-decoration:underline; right:77px; top:0; text-align:center; font-weight:bold; position:absolute}
#rightContent samp a.mywriteBtn{ display:block; width:58px; height:33px; background:url(../images/pic_blog_home_33.gif) center no-repeat;  color:#FFF; text-decoration:underline; right:180px; top:0; text-align:center; font-weight:bold; position:absolute}
#rightContent samp .dairyListBtn{ width:118px; height:20px; right:25px; top:7px; position:absolute}
#rightContent samp .more{ width:77px; height:33px; right:0; top:0; position:absolute; text-align:center; }
#rightContent samp .more a{ color:#333;}
#rightContent h3{width:685px; height:33px; padding-left:20px; position:relative; display:block;  line-height:33px; background:url(../images/pic_blog_home_34.gif) 10px center no-repeat #e5f9fd; font-size:14px; color:#333333; font-weight:bold; margin:10px auto; }
#rightContent h3 span{ height:33px; width:186px; line-height:33px; color:#4b9ec8; text-align:center; position:absolute; right:0; top:0; font-size:12px; font-weight:normal}
#rightContent .rcontent{ overflow:hidden; width:685px; margin:0px auto; display:block; line-height:20px; position:relative; color:#888;}
#rightContent .rcontent .cfoot{ width:270px; background:#f4f4f4; height:28px; line-height:28px; text-align:center; float:right;}
.listShow-text{ float:left; margin-left:10px; width:600px; color:#888; padding-bottom:5px;}
.listShow{ display:block;line-height:20px; clear:both; overflow:hidden; width:660px; margin:0px auto; margin-bottom:10px;}
.reply{ width:613px;  border:1px solid #f2f2f2; background-color:#fff; line-height:27px; clear:both; padding-left:5px; overflow:hidden; color:#888; margin-left:58px; }
#rightContent .msgNews p{ color:#888;}
#rightContent .newdiary{ display:block; margin:0 auto; padding-top:10px; width:685px; overflow:hidden;}
#rightContent .newdiary h1{ padding-left:30px; font-size:14px; color:#333333; height:26px; line-height:26px; background:#f5ffdd; border-bottom:1px dotted #cccccc; display:block; font-weight:bold}
#rightContent .newdiary ul{ display:block; width:685px;}
#rightContent .newdiary li{ height:30px; line-height:30px; background:url(../images/pic_blog_home_35.gif) 15px center no-repeat; padding-left:30px; border-bottom:1px dotted #cccccc; display:block; position:relative}
#rightContent .newdiary span.p1{ width:300px; float:left; height:30px;}
#rightContent .newdiary span.p2{ width:200px; float:left; height:30px;}
#rightContent .newdiary span.p3{ width:147px; float:left; height:30px;}
#bottom-bg{ background-image:url(../images/blue05.jpg); width:1150px; height:145px; margin:0px auto;}
/*我家的照片*/
#rightContent .myPhoto{width:685px; margin:0px auto; overflow:hidden;}
#rightContent .myPhoto dl{width:102; float:left; padding-left:30px;}
#rightContent .myPhoto dt{display:block}
#rightContent .myPhoto dd{display:block; line-height:30px; color:#f64965; text-align:center}
#rightContent .myPhoto img{ border:1px solid #cccccc;}

/*留言本新闻*/
#rightContent .msgNews{ overflow:hidden; padding-bottom:5px; width:685px; margin:0px auto;}
#rightContent .msgNews dl{}
#rightContent .msgNews dt{ float:left; width:70px; padding:0 10px}
#rightContent .msgNews dd{ float:left; width:595px;}
#rightContent .msgNews dd h1{ display:block;color:#343434; font-size:14px; font-weight:bold; height:20px; line-height:20px; position:relative}
#rightContent .msgNews dd h1 .msgNews-time{ width:161px; display:block; color:#4c9fc9; font-size:14px; font-weight:normal; height:20px; line-height:20px; text-align:center; position:absolute; right:0; top:0}
#rightContent .msgNews dd p{display:block; line-height:20px; }
#rightContent .msgNews dt img{ display:block;}
#rightContent .msgBox{ width:685px; margin:0px auto; overflow:hidden;}
#rightContent .msgBox h1{ padding-left:40px; font-size:12px; color:#333333; height:26px; line-height:26px; background:#f5ffdd; border-bottom:1px
 dotted #cccccc; display:block; position:relative; margin:10px 0}
#rightContent .msgBox h1{ padding-left:40px; font-size:12px; color:#333333; height:26px; line-height:26px; background:#fffbdd; border-bottom:1px dotted #cccccc; display:block; position:relative; margin:10px 0}
#rightContent .msgBox h1 a{ }
#rightContent .msgBox h1 a.link{ overflow:hidden; background:none; padding-left:0px; line-height:26px}
#rightContent .msgBox h1 a.bj{ display:block; position:absolute; right:6px; top:0; width:33px; height:26px; background:url(../images/pic_blog_home_12.gif) no-repeat center; padding-left:14px; line-height:26px}
#rightContent .msgBox h1 a.sc{ display:block; position:absolute; right:66px; top:0; width:33px; height:26px; background:url(../images/pic_blog_home_12.gif) no-repeat center; padding-left:14px; line-height:26px}
#rightContent .pageBox{ display:block; height:26px; background:#f4f4f4; text-align:center; line-height:26px; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; margin:10px auto; width:685px;}
#rightContent .pageBox a{ font-weight:bold;}
#rightContent .pageBox a.normal{ font-weight:normal;}
#rightContent .guestbook{ display:block; padding-left:20px;width:665px; margin:0px auto;line-height:30px}
#rightContent .guestbook h1{ font-size:14px}
#rightContent input.t1{ width:350px; height:26px; border:1px solid #bababa}
#rightContent input.t2{ width:500px; height:26px; border:1px solid #bababa}

/*我的好友*/
#rightContent .myFriends{ display:block; margin-top:10px}
#rightContent .myFriends .top{ display:block;padding-left:25px; background:#f5ffdd; height:25px; line-height:25px; position:relative; width:685px; margin:0px auto;}
#rightContent .myFriends .top .myMonth-select{ position:absolute; left:30px; top:3px; height:20px; width:120px;}
#rightContent .myFriends .myMonthTop{ padding-left:160px}
#rightContent .myFriends .middle{ padding-left:10px;}
#rightContent .myFriends .showPhoto{ display:block; width:685px; margin:0px auto; overflow:hidden;}
#rightContent .myFriends .showPhoto .showPhoto-bottom{ display:block; padding:20px; color:#999999; line-height:20px}
#rightContent .myFriends .showPhoto .showPhoto-remark{ height:28px; display:block; background:url(../images/pic_blog_home_42.gif) 14px center no-repeat #f4f4f4; border:1px solid #eeeeee; color:#333333; line-height:28px; padding-left:24px;}
#rightContent .myFriends .middle dl{ width:155px; height:230px; padding:10px 18px; float:left}
#rightContent .myFriends .middle dt{ display:block; text-align:center; padding-bottom:5px;}
#rightContent .myFriends .middle dt img{ display:block;}
#rightContent .myFriends .middle dd{ display:block; text-align:center; line-height:17px;}
#rightContent .myFriends .bottom{ }
/*相册*/
#rightContent .myFriends .middle dl.album{ float:left; width:210px; height:260px;}
#rightContent .myFriends .middle dl.album dt{ width:210px; height:200px; text-align:center; line-height:30px; background:url(../images/pic_03.gif) left no-repeat}
#rightContent .myFriends .middle dl.album dd{ width:180px; padding:5px 0 5px 20px; text-align:left; line-height:18px}

#rightContent .myFriends .middle dl.myMonth{ float:left; width:155px; padding:10px 12px }
#rightContent .myFriends .middle dl.myMonth dt{display:block;text-align:center}
#rightContent .myFriends .middle dl.myMonth dt img{ display:block;}
#rightContent .myFriends .middle dl.myMonth dd{ display:block;text-align:left; line-height:18px; padding:5px}
/*上传相册*/
#rightContent .uploadPhoto{ display:block; width:685px; margin:0px auto;}
#rightContent .uploadPhoto .titleInfo{ width:607px; display:block; line-height:30px; color:#764f28; padding-right:60px; background: #fffbdd; overflow:hidden;}
.progress-bar{ float:right; border:1px solid #ccc; height:9px;width:300px; overflow:hidden; background-color:#fff; margin-top:9px;}
.progress-bar-bg{ background-image:url(../images/progress-bar.gif); height:9px; width:150px; background-repeat:repeat-x;}
#rightContent .photoBg{ background:url(../images/pic_blog_home_38.gif) no-repeat center; padding:6px;}
#rightContent .uploadPhoto .describe select{ width:170px; height:20px;}
#rightContent .uploadPhoto .describe input{ width:160px; height:20px; border:1px solid #cccccc; padding:0 5px}
#rightContent .uploadPhoto .describe textarea{ width:160px; height:40px; border:1px solid #cccccc; padding:0 5px}
#rightContent .uploadPhoto .uploadPhoto-bottom{ height:26px; display:block; background:#fffbdd; border-bottom:1px dotted #cdcbcc; position:relative; padding-left:275px}
#rightContent .uploadPhoto a.submit{ width:31px; background:url(../images/pic_blog_home_41.gif) center no-repeat;height:19px; line-height:19px; display:block; padding-left:16px; margin:3px 10px; float:left}
#rightContent input.s1{ width:190px; height:20px; border:1px solid #d6d6d6}
#rightContent input.s2{ width:190px; height:20px; border:1px solid #d6d6d6}
.photo{ border:1px solid #d6d6d6; width:50px; height:50px;}
.photo img{ display:block;}
.upload-but{ background-image:url(../images/blog_btn_01.gif); background-repeat:no-repeat; border:0px; width:90px; height:20px; cursor:hand;}
.titleInfo-text{ width:420px; line-height:24px;}
.titleInfo-pic{ float:left; margin-top:-5px;}
/*左边栏*/
#left4 {width:199px; padding-left:10px; margin-top:10px; margin-top:10px;margin:0px auto}
.left4_tit { width:199px; height:29px; background-image: url(../images/left2_titl.gif); background-repeat:no-repeat; }
.left4_titfont { font-family:"宋体"; font-size:12px; line-height:29px; color:#333333; text-indent:25px; float:left; width:auto; font-weight:bold;}
.left4_con1 { width:197px; height:auto; border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; padding-top:8px;}
.left4_illbg {width:183; height: 99px; background-image:url(../images/left3_bg2.gif); background-repeat:no-repeat; margin-left:7px;}
.left3_titfont { font-family:"宋体"; font-size:12px; line-height:29px; color:#333333; text-indent:25px; float:left; width:auto; font-weight:bold;}
#baifenbi{ margin:0px; padding:0px;}
#baifenbi table td{text-align:center;font-size:9px; line-height:15px;}


.left4_histogram1 {width:7px;height:83px;background-image:url(../images/left4_ill.gif);background-repeat:no-repeat;background-position: center bottom;margin-left:15px;float:left;z-index:1; font-size:0px;}
.left4_histogram2 {width:7px;height:83px;background-image:url(../images/left4_ill.gif);background-repeat:no-repeat;background-position: center bottom;margin-left:17px; float:left; z-index:1; font-size:0px;}
.left4_histogram3 {width:7px;height:83px;background-image:url(../images/left4_ill.gif);background-repeat:no-repeat;background-position: center 20px;margin-left:17px; float:left; z-index:1; font-size:0px;}
.left4_histogram4 {width:7px;height:83px;background-image:url(../images/left4_ill.gif);background-repeat:no-repeat;background-position: center 40px;margin-left:17px; float:left; z-index:1; font-size:0px;}


.left4_hisfont {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#333333; width:17px; background-color:#FFFFFF; margin-left:-3px; z-index:2;}
.left4_conbuttom { width:199px; height:10px; background-image: url(../images/left2_titbg2.gif); background-repeat:no-repeat;}
.bottomTitle{padding-left:20px; height:29px; position:relative; color:#333333; background:url(../images/pic_blog_home_07.gif) left no-repeat; line-height:29px; font-weight:bold}
.diaryList-table{ clear:both; width:685px; margin:0px auto; overflow:hidden; margin-top:10px;}
.diaryList-toptitle{ clear:both; width:710px; margin:0px auto; overflow:hidden;}
.diaryList-table table td textarea{ width:99%;}
/*内容页*/
.contentTitle{ width:706px; height:42px; padding:1px; border:1px solid #f0f0f0; background-color:#f9f9f9; margin:0px auto; line-height:42px; margin-bottom:15px;}
.contentTitle img{ float:left; padding-top:9px;}
.contentTitle strong{ float:left; font-size:16px; color:#000;}
.contentTitle span{ float:right; color:#27aad5; padding-right:15px;}
.contentShow{ clear:both; width:710px; margin:0px auto; margin-bottom:20px; font-size:14px;}
.contentWidth{ width:710px; margin:0px auto;}