@import url(user_right.css);

body { background: #f2f0e6; }
a { outline: none; }

.typebox { height: 50px; background: #fff; }
.types a { display: block; float: left; font-size: 15px; line-height: 50px; color: #808080; margin: 0 7px; width: 48px; text-align: center; }
.types a.cur { height: 46px; border-bottom: 4px solid #000; }
.search { float: right; padding-top: 10px; }
.search .box { line-height: 33px; height: 33px; width: 253px; box-shadow: 0 0 5px rgba(0,0,0,0.3) inset; border: none; border-radius: 3px; overflow: hidden; border: 1px solid #eee; }
.search .box .input { border: none; height: 33px; width: 217px; float: left; background: none; outline: none; color: #808080; }
.search .box .button { border: none; height: 33px; width: 36px; float: left; background: url(../../public/images/searchico2.png) no-repeat center center; outline: none; }

.fl { width: 700px; }
.fr { width: 270px; padding-top: 40px; }

.publishmsg { line-height: 22px; color: #C00000; min-height: 20px; padding: 10px 0; padding-left: 150px; position: relative; }
.publishmsg span { font-size: 12px; color: #008080; position: absolute; right: 0; bottom: 10px; display: none; cursor: pointer; }

.feeds { clear: both; }
.feeds li { padding-top: 40px; }
.feeds li:first-child { padding-top: 0; }
.feeds .portrait { background: #fff; width: 75px; box-shadow: 1px 1px 3px rgba(0,0,0,0.15); float: left; border-radius: 5px; overflow: hidden; }
.feeds .portrait img { width: 75px; height: 75px; }
.feeds .fbox { background: #fff; width: 545px; float: right; position: relative; padding: 15px 25px; box-shadow: 1px 1px 3px rgba(0,0,0,0.15); min-height: 55px; }
.feeds .fbox:before {
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid #fff;
	content: " ";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: -14px; top: 25px;
}
.feeds .fbox.follow:before { display: none; }
.feeds .fbox .isayview { position: absolute; top: 0; right: 0; width: 21px; height: 21px; overflow: hidden; text-indent: -2000px; }
.feeds .fbox:hover .isayview,
.feeds .fbox .isayview:hover {
	width: 0;
	height: 0;
	border-top: 21px solid transparent;
	border-left: 21px solid #93B4FF;
	background: #f2f0e6;
}
.feeds .fbox .nickname { display: inline-block; font-size: 14px; text-align: center; position: relative; color: #808080; margin-bottom: 8px; }
.feeds .fbox .follow { color: #fff; display: inline-block; font-size: 1rem; line-height: 12px; height: 12px; width: 12px; text-align: center; border-radius: 2px; background: #A7C900; margin-left: 5px; cursor: pointer; }
.feeds .fbox .already { background: #C00000; }
.feeds .fbox h3 { padding-bottom: 10px; }
.feeds .fbox h3,.feeds .fbox h3 a { font-size: 15px; color: #666; font-weight: bold; }
.feeds .fbox h3 span { color: #808080; font-weight: normal; font-size: 13px; }
.feeds .fbox .desc,.feeds .fbox .text,.feeds .fbox .media { font-size: 13px; color: #808080; line-height: 24px; padding-bottom: 10px; }
.feeds .fbox .text { line-height: 1.5em; }
.feeds .fbox .text img { display: inline-block; }
.feeds .fbox .text strong { font-weight: bold; }
.feeds .fbox .photos { padding-bottom: 10px; }
.feeds .fbox .photos img { max-width: 400px; max-height: 300px; width: auto; display: block; float: left; margin-bottom: 10px; }
.feeds .fbox .photoall { display: none; padding-bottom: 10px; }
.feeds .fbox .photoall img { max-width: 100%; width: auto; display: block; margin-top: 10px; }
.feeds .fbox .photoall img:first-child { margin-top: 0; }
.feeds .fbox .photoall span { display: block; clear: both; padding-bottom: 10px; }
.feeds .fbox .media img { max-width: 400px; width: auto; display: block; float: left; margin-bottom: 10px; }
.feeds .fbox .ext { color: #6d665e; line-height: 18px; text-align: right; }
.feeds .fbox .ext .tags a { display: inline-block; font-style: normal; margin-left: 15px; background: #b2b2b2; padding: 0 6px; border-radius: 5px; color: #fff; font-size: 13px; height: 22px; line-height: 22px; }
.feeds .fbox .ext .tags a:first-child { margin-left: 0; }
.feeds .fbox .ext span { background: url(../images/ext_ico.png) no-repeat 0 0; display: inline-block; padding-left: 22px; margin-right: 15px; }
.feeds .fbox .ext .tags { background: none; float: left; padding-left: 0; }
.feeds .fbox .ext .views { background-position: 0 -50px; }
.feeds .fbox .ext .comments { background-position: 0 -97px; }
.feeds .fbox .ext .likes { background-position: 0 -147px; }
.feeds .fbox .photos.json.loading { background: #fff url(../../public/images/load.gif) no-repeat center center; min-height: 50px; }

.pages { text-align: center; padding: 15px; margin-right: 40px; }
.pages li { display: inline-block; border: 1px solid #ccc; color: #808080; margin: 0 1px; border-radius: 2px; margin-bottom: 8px; }
.pages li a,.pages li span { color: #808080; padding: 5px 10px; display: block; background: #fff; }
.pages li.active { border-color: #ff9933; color: #ff9933; }

.myinfo { margin-bottom: 30px; position: relative; }

/*右侧*/
.myinfo2 { background: #404040; padding: 10px; }
.myinfo2 .photo,.myinfo2 .photo img { width: 75px; height: 75px; overflow: hidden; }
.myinfo2 .photo { float: left; }
.myinfo2 .info { float: right; width: 150px; }
.myinfo2 .info h3 { color: #fff; font-size: 15px; margin-bottom: 10px; margin-top: 5px; }
.myinfo2 .info p { float: left; color: #808080; font-size: 12px; width: 28%; border-left: 1px solid #808080; padding-left: 5%; }
.myinfo2 .info p.nobl { border: none; padding-left: 0; width: 32%; }
.myinfo2 .info p span { color: #ff9933; font-size: 16px; font-weight: bold; display: block; }

.fr_share2 .title { background: #fff; height: 55px; line-height: 55px; border-bottom: 5px solid #ccc; padding-top: 3px; }
.fr_share2 .title h3 { width: 33%; font-weight: bold; font-size: 15px; color: #b2b2b2; text-align: center; border-bottom: 5px solid #ccc; float: left; }
.fr_share2 .title h3.cur { border-bottom-color: #f29439; color: #4c4c4c; }
.fr_share2 ul { background: #fff; margin-top: 10px; padding: 0 25px; }
.fr_share2 li { clear: both; padding-top: 18px; border-top: 1px solid #ccc; }
.fr_share2 li:first-child { border: none; }
.fr_share2 li img { width: 100px; height: 70px; float: left; margin-bottom: 18px; margin-right: 20px; }
.fr_share2 li b { font-weight: normal; font-size: 12px; color: #b2b2b2; }
.fr_share2 li b i { font-style: normal; float: right; }
.fr_share2 li p { font-size: 13px; color: #4c4c4c; line-height: 16px; height: 54px; overflow: hidden; }

.fr_special h3 { background: #fff; height: 55px; line-height: 55px; border-bottom: 5px solid #ccc; padding-top: 3px; font-weight: bold; font-size: 15px; color: #4c4c4c; text-align: left; border-bottom: 5px solid #ccc; text-indent: 25px; }
.fr_special ul { background: #fff; margin-top: 10px; padding-bottom: 10px; }
.fr_special li { width: 120px; height: 120px; overflow: hidden; padding-left: 10px; padding-top: 10px; float: left; position: relative; }
.fr_special li img { width: 100%; height: 150px; }
.fr_special li h4 { position: absolute; bottom: 0; left: 10px; right: 0; color: #fff; font-size: 13px; height: 40px; line-height: 40px; text-indent: 10px; overflow: hidden; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(#000)); }