@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}
.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/pic_blog_home_13.gif) repeat-x 0 0 #faf6e7;
	font-size:12px;
	font-family:"宋体";
	color: #666666;
}

/*头部文件*/
li.noneBG{ background:none}
#blog-top{ margin:0 auto; width:959px}
#blog-top ul.topNav{display:block;width:959px; height:32px}
#blog-top ul.topNav li{ padding:0 8px; background:url(../images/pic_blog_home_21.gif) right top no-repeat; line-height:32px;float:right;}
#blog-top ul.topNav li.picimg{ float:left; background:none;}
#blog-top ul.topNav li.noneBG{ background:none}
#blog-top .topBanner{ padding-top:67px; width:950px; display:block; background:url(../images/pic_blog_home_15.gif) no-repeat top; overflow:hidden;}
#blog-top .topBanner h1{ font-size:26px; display:block; font-weight:bold; line-height:30px; padding-left:376px; }
#blog-top .topBanner h2{ display:block; line-height:20px; font-size:14px; padding-left:376px;}
.english{ padding-left:376px;}
#blog-top .nav{ height:30px; width:959px; background:url(../images/pic_blog_home_16.gif) repeat-x top; clear:both; margin-top:60px;}
#blog-top .nav ul{ float:left; background:url(../images/pic_blog_home_17.gif) left no-repeat; height:30px; padding-left:10px}
#blog-top .nav ul li{float:left; padding:0 10px; background:url(../images/pic_blog_home_22.gif) right no-repeat}
#blog-top .nav ul li.noneBG{ background:none}
#blog-top .nav .rNav{ float:right;height:30px; background:url(../images/pic_blog_home_18.gif) right no-repeat; padding-right:14px;}
#blog-top .nav a{ color:#FFF; font-weight:bold; font-size:14px; line-height:30px}
/*主体文件*/
#blog-content{ width:936px; margin:0 auto; background:#FFF; padding:13px 11px 0 11px; overflow:hidden;}
#leftContent{ width:199px; float:left; padding-right:10px}
#leftContent .info{padding:11px 0 0 11px;  background:url(../images/pic_blog_home_24.gif) top no-repeat; clear:both; overflow:hidden;} 
#leftContent .info .info-photo{ overflow:hidden; display:block; height:153px; padding-left:16px; padding-top:5px;}
#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:180px; line-height:20px; clear:both; overflow:hidden; background:url(../images/blog.jpg) repeat-y; overflow:hidden; padding-top:5px; padding-bottom:5px; padding-left:19px;}
.blog-bottom{ clear:both; background:url(../images/blog2.jpg) no-repeat; width:199px; height:12px;}
#leftContent .myfriends{display:block; background:url(../images/pic_blog_home_26.gif) center repeat-y; margin-top:10px; clear:both; overflow:hidden;}
#leftContent .myfriends .topTitle{ 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}
#leftContent .myfriends .topTitle .more a{ height:29px; width:50px; text-align:center; right:0; top:0; position:absolute; font-weight:normal;}
#leftContent .myfriends .myfriends-content{ padding:10px 7px; overflow:hidden; clear:both;}
#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{ height:8px; display:block; background:url(../images/pic_blog_home_06.gif) no-repeat; clear:both; overflow:hidden;}
#leftContent .myfriends .myfriends-news { padding:8px; overflow:hidden;clear:both;}
#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{ margin-bottom:5px; display:block; line-height:20px; text-indent:10px; border-bottom:1px dotted #cccccc;overflow:hidden;}
#rightContent{width:727px; float:right;}
#rightContent .clearMargin{ margin:0}
#rightContent .blank{ display:block; height:10px;}
#rightContent-top{ display:block; height:174px;}
#rightContent-top .photoBox{ width:489px; height:174px; float:left; background:url(../images/pic_blog_home_29.gif) center repeat-y}
#rightContent-top .photoBox .photoBox-top{ height:6px; background:url(../images/pic_blog_home_30.gif) center no-repeat; display:block}
#rightContent-top .photoBox .photoBox-content{ padding:0 10px; height:164px}
#rightContent-top .photoBox .photoBox-content img{ float:left; padding:1px; border:1px solid #cccccc; margin:3px}
#rightContent-top .photoBox .photoBox-bottom{ height:6px; background:url(../images/pic_blog_home_31.gif) center no-repeat; display:block}
#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 samp{ width:717px; height:33px; padding-left:14px; position:relative; background:url(../images/pic_blog_home_32.gif) no-repeat center; display:block; margin:10px 0; line-height:33px}
#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:55px; top:7px; position:absolute}
#rightContent samp .more{ width:77px; height:33px; right:0; top:0; position:absolute; text-align:center; }
#rightContent h2{ width:717px; height:33px; padding-left:14px; position:relative; background:url(../images/pic_blog_home_32.gif) no-repeat center; display:block; margin:10px 0; line-height:33px}
#rightContent h2 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 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:55px; top:7px; position:absolute}
#rightContent h2 .more{ width:77px; height:33px; right:0; top:0; position:absolute; text-align:center; }

#rightContent h3{width:697px; height:33px; padding-left:20px; position:relative; display:block;  line-height:33px; background:url(../images/pic_blog_home_34.gif) 10px 13px no-repeat #fffbdd; font-size:14px; color:#333333; font-weight:bold; margin:10px 0px; }
#rightContent h3 a{ float:left; width:450px;wite-space:normal;word-break:break-all;overflow:hidden;text-overflow:ellipsis;}
#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{ padding:0px 24px 28px 24px; 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;}

#rightContent .newdiary{ display:block; margin:0 10px; padding-top:10px;}
#rightContent .newdiary h1{ padding-left:30px; font-size:14px; color:#333333; height:26px; line-height:26px; background:#fffbdd; border-bottom:1px
 dotted #cccccc; display:block; font-weight:bold}
#rightContent .newdiary ul{ display:block;}
#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:310px; float:left; height:30px;}
#rightContent .newdiary span.p2{ width:210px; float:left; height:30px;}
#rightContent .newdiary span.p3{ width:157px; float:left; height:30px;}
/*我家的照片*/
#rightContent .myPhoto{display:block; height:150px}
#rightContent .myPhoto dl{width:102; float:left; padding:10px 21px; }
#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{display:block; padding-bottom:5px;}
#rightContent .msgNews dl{}
#rightContent .msgNews dt{ float:left; width:70px; padding:0 10px}
#rightContent .msgNews dd{ float:left; width:621px;}
#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{ display:block}
#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}

.listShow{ display:block;line-height:20px; clear:both; overflow:hidden; width:700px; 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; }
.listShow-text{ float:left; margin-left:10px; width:620px; padding-bottom:5px; color:#888;}
.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}
#rightContent .msgNews p{ color:#888;}
#rightContent .pageBox{ clear:both; height:26px; background:#f4f4f4; text-align:center; line-height:26px; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; margin:10px 0}
#rightContent .pageBox a{ font-weight:bold;}
#rightContent .pageBox a.normal{ font-weight:normal;}
#rightContent .guestbook{ display:block; padding:5px 20px; 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; overflow:hidden;}
#rightContent .myFriends .top{ display:block;padding-left:25px; background:url(../images/photo_11.gif) left no-repeat; height:29px; line-height:29px; position:relative; overflow:hidden; clear:both;}
#rightContent .myFriends .top .myMonth-select{ position:absolute; left:30px; top:5px; height:20px; width:120px}
#rightContent .myFriends .myMonthTop{ padding-left:160px}
#rightContent .myFriends .middle{ background:url(../images/pic_blog_home_40.gif) repeat-y; width:727px; overflow:hidden; clear:both; padding-top:10px; padding-bottom:10px;}
#rightContent .myFriends .showPhoto{ display:block; margin-left:20px;}
#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; overflow:hidden; 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{ clear:both;  display:block; background:url(../images/photo_10.gif) left no-repeat; height:11px}
/*相册*/
#rightContent .myFriends .middle dl.album{ float:left; width:210px; height:260px; padding:10px 12px}
#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{ border:1px solid #ccc; padding:3px;}
#rightContent .myFriends .middle dl.myMonth dd{ display:block;text-align:left; line-height:18px; padding:5px}
/*上传相册*/
#rightContent .uploadPhoto{ display:block; }
#rightContent .uploadPhoto .titleInfo{ width:667px; 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:-2px;}
/*左边栏*/
#left4 {width:199px;}
.left4_tit { width:199px; height:29px; background-image: url(../images/left2_titl.gif); background-repeat:no-repeat; overflow:hidden; clear:both;}
.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;}
/*内容页*/
.contentTitle{ width:696px; height:42px; padding:1px; border:1px solid #f0f0f0; background-color:#f9f9f9; margin:0px auto; line-height:42px; margin-bottom:15px; padding-left:10px;}
.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:696px; margin:0px auto; margin-bottom:20px; line-height:20px; font-size:14px;color:#999;}
.contentWidth{ width:696px; margin:0px auto;}