@charset "utf-8";
/*
Email:zhuanjiao@foxmail.com
2009-4-1
*/
@import url("global.css");
/* @group Layout */
#header .contents, 
#footer .contents,
#main {
	width:820px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
#header .contents {
	background: url(../images/common/header_img.png) no-repeat center top;
	padding: 0 40px;
}
#header .wrap {
	width: 100%;
	z-index:110;
	position: relative;
	background: url(../images/common/header_bg.png) repeat-x left top;
}
#main {
	overflow:hidden;
}
#footer {
	background:url(../images/common/dotted_line.gif) repeat-x left top;
	color:#808080;
	text-align: center;
	margin-top: 15px;
	padding-bottom: 50px;
}
#footer p {
	margin: 0;
}
#footer a {
	text-decoration:none;
	color: #808080;
}
#footer a:hover,
#footer a:active {
	background-color: transparent;
	color: #808080;
	text-decoration: underline;
}
body.view-size #main {
	overflow: visible;
}
body.vip #main {
	width: 960px;
	*width: 972px;
}
.tabpanel {
	clear:both;
	margin-left:15px;
}
.tabbox-controls .tabbox-btn {
	display:block;
	width:15px;
	height:18px;
	margin-bottom:10px;
	overflow:hidden;
	float:left;
	background:url(../images/common/triangles.gif) no-repeat 2px 8px;
	text-indent:-9999px;
}
.collapsed .tabbox-btn {
	background-position:left -14px;
}
.collapsed .tabbox {
	display:none;
}
.collapsed .closed-content {
	display:block;
}
/* @end Layout*/
/* @group #top_bar,#bottom_bar */
#top_bar, #bottom_bar {
	text-align:left;
	width:100%;
}
#top_bar .wrap, #bottom_bar .wrap {
	margin:0 10px;
	padding:0 5px;
}
#top_bar {
	height:30px;
	line-height:28px;
	/*background:url(../images/common/top_bar.png) repeat-x left bottom;*/
	position:relative;
}
#top_bar a {
	font-weight:bold;
	color:#4c4c4c;
	text-decoration:none;
}
#top_bar a:hover, #top_bar a:active {
	background-color:transparent;
	text-decoration:underline;
}
#top_bar a#link_one, #top_bar a#link_two {
	color:#6B9F1F;
}
#top_bar .user-bar {
	float:right;
}
#top_bar .user-bar span, #top_bar .user-bar a {
	display:block;
	height:28px;
	line-height:28px;
	float:left;
	padding:0 5px;
}
#top_bar .user-bar span.new {
	margin-right: 20px;
	padding-left: 27px;
	background: url(../images/common/new.gif) no-repeat left center;
}
#top_bar .user-bar span.new_vip {
	margin-right: 20px;
	padding-left: 32px;
	background: url(../images/common/vip_flash_ico.gif) no-repeat left center;
}
#top_bar .user-bar span.new a {
	color: #3465cc;
	display: inline;
	float: none;
}
#top_bar .user-bar span.new a:hover {
	background-color: transparent;
}
#top_bar .user-bar a:hover, #top_bar .user-bar a:active {
	background-color:#f8f8f8;
	text-decoration:none;
}
#bottom_bar {
	position:fixed;
	left:0;
	bottom:0 !important;
	z-index:99999;
	color:#4c4c4c;
	height:28px;
	line-height:28px;
}
#bottom_bar .wrap {
	height:28px;
	line-height:28px;
	background:#dbdfe2 url(../images/common/f_bg.gif) repeat-x left top;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding-right:25px;
}
#bottom_bar .copyright .more {
	display:block;
	height:24px;
	width:24px;
	text-indent:-9999px;
	float:left;
	background:url(../images/common/f_newnai_ico.gif) no-repeat;
	overflow:hidden;
	margin-top:2px;
	margin-right:5px;
}
#bottom_bar .service-nav {
	float:left;
}
#bottom_bar .service-nav li {
	float:left;
}
#bottom_bar .service-nav li a {
	float:left;
	padding:0 5px;
	margin-top:1px;
	color:#4c4c4c;
	text-decoration:none;
}
#bottom_bar .service-nav li a:hover, #bottom_bar .service-nav li a:active {
	text-decoration:none;
	background:#fff;
}
#bottom_bar .bar-btn {
	position:absolute;
	right:15px;
	top:5px;
	width:14px;
	height:15px;
	border:none;
	padding:0;
	background:url(../images/common/bottom_bar_btn.gif) no-repeat left center;
}
#bottom_bar .bar-btn.open {
	background-position:-14px 0;
}
#bottom_bar .bar-btn.close {
	background-position:0 0;
}
#bottom_bar .bar-btn span {
	display:none;
}
* html #bottom_bar .misc {
	margin-top: 6px;
	vertical-align: middle;
}
#scroll_news li {
	background: url(../images/common/ico_t_n.gif) no-repeat left center;
	padding-left: 15px;
}
#top_bar #scroll_news a {
	color: #63a4f4;
}
.ico_t {
	padding-left: 15px;
	background-position: left center;
	background-repeat: no-repeat;
	margin-right: 10px;
}
.ico_t_h {
	background-image: url(../images/common/ico_t_h.gif);
}
.ico_t_p {
	background-image: url(../images/common/ico_t_p.gif);
}

.commonSkill h2 {
	margin-bottom: 18px;
	padding: 9px 9px 9px 54px;
	border-bottom: 1px solid #9e9e9e;
	background: url(../images/common/common_skill_icon.png) no-repeat 32px 50%;
}

.commonSkill .columns {
	padding-bottom: 18px;
	width: 100%;
}

.commonSkill .column {
	float: left;
	width: 24.5%;
	position: relative;
	display: inline;
	height: 180px;
	border-right: 1px dashed #d1d1d1;
}

.commonSkill .columns .last {
	border-right: none;
}

.commonSkill .column h3,
.commonSkill .column ul{
	padding-left: 36px;
}

.commonSkill-btn {
	display: inline-block;
	margin-right: 5px;
	font-weight: bold;
	position: relative;
	z-index: 3;
	height: 27px;
}

a.commonSkill-btn span {
	display: block;
	width: 6em;
	text-align: center;
	position: relative;
	height: 28px;
	cursor: pointer;
	*padding-top: 1px;
	*height: 27px;
}
a.commonSkill-btn:active {
	background-color: transparent;
	color: #4C4C4C;
}
a.commonSkill-btn-hover,
a.commonSkill-btn:hover {
	background-color: #babec0;
	color: #4C4C4C;
}
a.commonSkill-btn-hover span, 
a.commonSkill-btn:hover span {
	background-color: #fff !important;
	border: 1px solid #9e9e9e;
	border-top-color: #fff;
	left: -2px;
	top: -2px;
}

.commonSkill-panel {
	position: absolute;
	bottom: 26px;
	width: 960px;
	right: 20px;
	z-index: 2;
	background-color: #babec0;
}
.commonSkill-panel-wrp {
	position: relative;
	left: -2px;
	top: -2px;
	background: #fff url(../images/common/common_skill_bg.png) no-repeat right 47px;
	border: 1px solid #9e9e9e;
	*zoom: 1;
}

/* @end #top_bar,#bottom_bar */
/* @group #Header */
#logo img {
	vertical-align:middle;
	margin:6px 0 7px;
}
#header a {
	text-decoration:none;
	color: #fff;
}
#header a:hover, #header a:active {
	text-decoration:underline;
	background-color:transparent;
	color:#fff;
}
#header .search-box, #header .tool {
	position:absolute;
	bottom:5px;
	z-index:110;
}
#header .search-box {
	right:85px;
	height: 27px;
	background: url(../images/common/header_seach_bg.png) no-repeat left top;
}
#header .tool {
	right:0;
	height: 27px;
}
#header .search-box .textinput {
	padding:2px;
	width:150px;
	float:left;
	background: none;
	border: none;
	margin: 4px 0 0 3px;
	font-size: 13px;
}
#header .search-box .submit {
	padding:2px 4px;
	background:#3465cc;
	color:#FFFFFF;
	font-weight:bold;
}

#header .search-box .search-btn {
	background: url(../images/common/header_seach_btn_bg.png) no-repeat;
	height: 27px;
	margin-left: 5px;
}
#header .tool a {
	font-size:14px;
	font-weight:bold;
}
#searchTags {
	width:120px;
	padding:5px;
	position:absolute;
	right:0;
	top:26px;
	border: 1px solid #3465cc;
	background:#fff;
}
#searchTags li a {
	display:block;
	width:100%;
}
/* @group #mainnav */
#mainnav {
	margin-top:-30px;
	margin-left:130px;
	padding-bottom: 5px;
	height:25px;
}
#mainnav ul {
	position:relative;
	float:left;
	z-index: 5;
}
#mainnav li, #header .search-btn {
	float:left;
	position:relative;
	padding:0 30px 0 5px;
	margin-left:3px;
	display:inline;
	font-size:14px;
	font-weight:bold;
}
#mainnav li .more, #header .search-btn .more {
	display:block;
	width:21px;
	height:25px;
	overflow:hidden;
	position:absolute;
	top:0px;
	right:5px;
	background-image:url(../images/common/nav_more_arrow.png);
	background-repeat:no-repeat;
	background-position: left center;
	text-indent:-9999px;
	cursor:pointer;
}
#mainnav li a:hover, #mainnav li a:active, #header .search-btn a:hover, #header .search-btn a:active {
	background-color:transparent;
	color:#fff;
	text-decoration:underline;
}

#mainnav li ul {
	display:none;
	width:130px;
	height:auto;
	position:absolute;
	z-index:10;
	left:-1px;
	top:22px;
	padding:5px;
	border: 1px solid #3465cc;
	background:#fff;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.22);
	-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.22);
}
#mainnav li ul ul {
	left: 128px;
	top: 0;
	z-index: 11;
	*background-color:transparent;
	*border-width: 0;
}
#mainnav li:hover > ul {
	display: block;
	background-color: #fff;
	border-width: 1px;
}
#mainnav li.hover ul {
	*background-color: #fff;
	*border-width: 1px;
}
#mainnav li ul li {
	width:100%;
	padding:0;
	margin:0;
	border:none;
	font-size:12px;
	font-weight:normal;
}
#mainnav li li.break {
	border-top:1px solid #E5E5E5;
	margin-top:3px;
	padding-top:3px;
}
 
#mainnav li li.has_sub a {
	background-image: url(../images/common/nav_arrow_r_bg.png);
	background-position: 96% center;
	background-repeat: no-repeat;
}

#mainnav li li.has_sub.hover a,
#mainnav li li.has_sub:hover a,
#mainnav li li.has_sub a:hover {
	background-image: url(../images/common/nav_arrow_r_bg2.png);
}

#mainnav li li.has_sub:hover li a,
#mainnav li li.has_sub li a,
#mainnav li li.has_sub li a:hover {
	background-image: none;
}

#mainnav li li a {
	display:block;
	position:relative;
	zoom: 1;
}

#mainnav li li a,
#searchTags li a {
	color: #3465cc;
	text-indent: .5em;
}

#mainnav li li:hover a,
#mainnav li li.hover a,
#mainnav li li a:hover,
#searchTags li a:hover,
#mainnav li li.hover li a:hover, 
#mainnav li li:hover li a:hover{
	background-color: #3465cc;
	text-decoration: none;
	color: #fff;	
}

#mainnav li li.hover li a, 
#mainnav li li:hover li a{
	color: #3465cc;
	background-color: transparent;
}

#mainnav li li.hover li a.no_logged, 
#mainnav li li:hover li a.no_logged,
#mainnav li li a.no_logged {
	color: #989898;
	cursor: default;
	background-color: transparent;
}
#mainnav li li:hover a.no_logged,
#mainnav li li:hover a.no_logged:hover,
#mainnav li li.hover a.no_logged:hover,
#mainnav li li a.no_logged:hover {
	background-color: #999;	
	color: #fff;
}
/* @end #mainnav */
/* @end #Header */


/* @group Home */
#masthead {
	background-image:url(../images/common/home_intro_bg.png);
	background-color:#f5f5f5;
	background-repeat:no-repeat;
	background-position:550px 70px;
}
#featured_photo {
	position:relative;
	width:500px;
}
#featured_photo_caption {
	padding:5px;
	position:absolute;
	left:20px;
	bottom:0;
	background:#000;
	color:#fff;
	font-weight:bold;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"alpha(opacity=50)";
}
#featured_photo_caption a {
	color:#fff;
	text-decoration:none;
}
#masthead .create-account {
	position:absolute;
	top:240px;
	left:600px;
}
#masthead .who-do {
	padding:3px 10px;
	text-align:center;
	background:#f9f9f9;
}
#photoflow {
	display:block;
	width:40px;
	height:96px;
	overflow:hidden;
	position:absolute;
	left:475px;
	top:200px;
	background:url(../images/common/photoflow.gif) no-repeat;
	text-indent:-9999px;
}
body.home .us-can {
	background:url(../images/common/home_img_desc_bg.jpg) no-repeat;
	width:100%;
	height:300px;
	position:relative;
}
body.home .us-can li {
	width:30%;
	position:absolute;
}
body.home .us-can li a {
	display:block;
	padding-top:100px;
	position:relative;
}
body.home .us-can li a:hover strong {
	background:#0063dc;
	color:#fff;
}
body.home .us-can li.can1 {
	left:0;
	top:0;
}
body.home .us-can li.can2 {
	left:30%;
	top:0;
}
body.home .us-can li.can3 {
	left:60%;
	top:0;
}
body.home .us-can li.can4 {
	left:0%;
	top:150px;
}
body.home .us-can li.can5 {
	left:30%;
	top:150px;
}
body.home .us-can li.can6 {
	left:60%;
	top:150px;
}
body.home .extend {
	height:40px;
}
body.home .extend span {
	float:left;
	margin-top:8px;
}
body.home .extend .btn {
	margin-left:40%;
	float:left;
	display:inline;
}
body.home p.friendlinks {
	color: #7D7D7D;
	background-color:#F5F5F5;
	border: 1px solid #E0E0E0;
	padding: 3px;
}
body.home p.friendlinks a,
body.home p.friendlinks a:hover
body.home p.friendlinks a:active {
	color: #aaa;
}
/* @end  Home */
/* @group List */
.user-list li {
	float:left;
}
.user-list li a {
	display:block;
	padding:5px;
}
.user-list li span {
	display:block;
	text-align:center;
	white-space:nowrap;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
}
.s-photo-list , .m-photo-list{
	position:relative;
}
.s-photo-list li , .m-photo-list li {
	float:left;
	display:inline;
	margin-right:10px;
	margin-bottom:10px;
	width:75px;
	overflow:hidden;
	text-align:center;
}
.s-photo-list li:last-child {
	margin-right: 0;
}
.m-photo-list li {
	width:100px;
	line-height:1.5;
	height:140px;
}
.t-photo-list .item, .t-photo-list li ,
.m-photo-list .item{
	float:left;
	display:inline;
	margin-right:15px;
	margin-bottom:15px;
	width:100px;
	white-space: nowrap;
	overflow:hidden;
	height: 130px;
	text-align: center;
}
.m-photo-list .item {
	height: 150px
}
.m-photo-list .item p, .m-photo-list .item p {
	margin-bottom: 5px;
	line-height: 1.5;
}
.t-photo-list .item img {
	text-align:center;
}
.t-photo-list .item a {
	text-decoration:none;
}
.t-photo-list .item p.meta {
	color:#808080;
}
#album_photos_thumbs .s-photo-list li {
	margin:0 3px 3px 0;
}
.s-photo-list li a.cover {
	display:block;
	position:relative;
	text-decoration: none;
}
.s-photo-list li a.cover:hover {
	text-decoration: none;
}
.s-photo-list li a.cover span {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:#000;
	color:#fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	display:none;
	font-weight:bold;
	line-height:1;
	padding:5px 0 4px;
	cursor:pointer;
}
.s-photo-list li a.cover:hover span {
	display: block;
}
.s-photo-list li a.is-cover span {
	display:block;
	background:#0063DC;
}
.s-photo-list li a.cover span:hover, .s-photo-list li a.cover span.hover {
	background:#0063DC;
}
.tag-list li {
	width:100%;
	position:relative;
	overflow:hidden;
}
.tag-list li a {
	float:left;
	overflow:hidden;
	margin-right:5px;
}
.tag-list li a.tag-globe {
	width:16px;
	height:16px;
	margin-top:3px;
	background:url(../images/common/icon_globe.gif) no-repeat;
	text-indent:-9999px;
}
.tag-list li a.tag-globe:hover {
	background-position:0 -16px;
}
.tag-list li a.delete {
	width:14px;
	height:14px;
	margin-top:3px;
	background:url(../images/common/delete_x_small_sprite.gif) no-repeat 3px 4px;
	text-indent:-9999px;
}
.tag-list li a.delete:hover {
	background-position:3px -34px;
}
/* @end List */
/* @group Box */
.know-user h3 {
	margin-top:25px;
	background:url(../images/common/dotted_line.gif) repeat-x left bottom;
}
.know-user .content {
	padding:10px;
}
.know-user li {
	display:inline;
	margin:0 5px 10px 0;
	width:60px;
	text-align:center;
	overflow:hidden;
}
.user-masthead {
	margin-top:20px;
}
.user-masthead h1 {
	color:#000;
}
.user-masthead h1 span.current {
	color:#ffa302;
}
.user-masthead h1 small {
	color:#999;
	font-size:12px;
	font-weight:normal;
}
.user-masthead .you-can-speak {
	color:#808080;
}
.user-masthead .user-nav a {
	text-decoration:none;
}
.user-masthead .user-nav span {
	margin:0 0 0 5px;
	padding-left:5px;
}
.user-masthead .user-nav span.current {
	font-weight:bold;
	color:#000;
}
.user-masthead .user-nav span.last {
	border-right:none;
}
.user-init-task {
	width:100%;
	background:#dfebf7;
}
.user-init-task h2 {
	margin-left:20px;
	color:#000;
	background:none;
}
.user-init-task ul {
	margin-left:15px;
}
.user-init-task ul li {
	font-size:14px;
	margin:10px 0;
	width:100%;
	position:relative;
}
.user-init-task li a {
	font-weight:bold;
}
.user-init-task span.num {
	background:#0063dc;
	border-left:1px solid #76abea;
	border-bottom:1px solid #76abea;
	padding:2px 5px;
	color:#fff;
	margin-right:20px;
	font-weight:bold;
}
.user-init-task .content {
	padding:0 20px;
}
.user-init-task .state {
	position:absolute;
	top:0;
	right:0;
	width:26px;
	height:25px;
	overflow:hidden;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.user-init-task .state.yes {
	background-image:url(../images/common/finished_ico.png)
}
.user-init-task .state.no {
	background-image:url(../images/common/unfinished_ico.png)
}
.user-init-task .close {
	width:15px;
	height:15px;
	overflow:hidden;
	position:absolute;
	right:10px;
	top:10px;
	text-indent:-9999px;
	background:url(../images/common/close_ico.png) no-repeat;
}
.world-photo {
	margin:0 auto;
	position:relative;
}
.world-photo p {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	color:#fff;
	padding:2px 0;
	width:100%;
	background:#000;
	margin:0;
}
.world-photo p span {
	margin:0 5px;
}
.ad {
	text-align:center;
	background:#f3f3f3;
}
.ad h3 {
	font-size:18px;
}
.ad a, .ad a:hover {
	color:#000000;
	text-decoration:none;
	background-color:transparent;
}
#search_area .content, #tag_cloud .content {
	padding:10px 20px 1px 20px;
	background:#f5f5f5;
	border:1px solid #eee;
}
#search_area p {
	font-size:14px;
}
/* tag */
span.tag {
	font-size:20px;
}
#tag_cloud a , .tag-cloud a{
	margin-right: 15px;
}
#tag_cloud h3 {
	margin-top:20px;
	font-size:12px;
}
#tag_cloud ul {
	list-style-type:disc;
	margin-left:24px;
}
.eidt-tag-input {
	padding-left: 3px;
	font-size: 24px;
}
/* end */
#archives .content {
	height:auto !important;
	min-height:150px;
	height:150px;
	padding-left:200px;
}
#archives .camera {
	background:url(../images/common/camera_bg.jpg) no-repeat 50px 40px;
}
#archives .upload {
	background:url(../images/common/upload_bg.jpg) no-repeat 50px 30px;
}
#archives h3 {
	color:#ff9c23;
}
#archives ul {
	width:100px;
	float:left;
}
#archives ul.year {
	width:70px;
}
#archives ul.month {
	margin-top:8px;
}
#archives ul.month li {
	background:url(../images/common/list_ico_3_3.png) no-repeat left center;
	padding-left:8px;
	color:#0063DC;
}
.archives-nav{
	background:url(../images/common/dotted_line.gif) repeat-x left bottom;
}
.archives {
	font-size:14px;
}
.archive-display-index {
	text-align:center;
	margin-top:-20px;
}
.archive-display-index span {
	font-size:18px;
	margin:0 3px;
}
.archive-display-index  a {
	border-bottom:1px solid #EEE;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
	padding:2px;
}
.archive-display {
	background:#F5F5F5;
	padding:10px;
	margin-bottom:10px;
}
.archive-display p {
	background:#FFF;
	border:1px solid #DDDDDD;
	display:inline;
	float:left;
	margin:5px;
	padding:4px 4px 12px;
}
/* @group Photo SlideAlbum*/
#slideAlbum {
	width:502px;
	overflow:hidden;
}
#photo h1 {
	word-wrap: break-word;
}
#photo p, #slideAlbum  p {
	word-wrap: break-word;
}
#photo .quanquan_wrap * {
	overflow: visible;
}
.tool-btn-bar {
	height:26px;
	margin-top:10px;
}
.tool-btn-bar a {
	float:left;
	display:inline;
	border:1px solid #FFFFFF;
	height:22px;
	width:18px;
	margin-right:10px;
	overflow:hidden;
	background:url(../images/common/photo_btn_bar_sprite.png) no-repeat left top;
	text-indent:-9999px;
	width:22px;
}
.tool-btn-bar a:hover {
	border-color:#fff #8c8c8c #8c8c8c #fff;
}
.tool-btn-bar a:active {
	border-color:#8c8c8c #fff #fff #8c8c8c;
}
.tool-btn-bar a.add-note {
	background-position:0 0;
	width:22px;
}
.tool-btn-bar a.add-note:hover {
	background-position:0 -22px;
}
.tool-btn-bar a.send-to-album {
	background-position:0 -44px;
}
.tool-btn-bar a.send-to-album:hover ,.tool-btn-bar a.send-to-album.button_locked{
	background-position:0 -66px;
}
.tool-btn-bar a.send-to-blog {
	background-position:0 -88px;
}
.tool-btn-bar a.send-to-blog:hover {
	background-position:0 -110px;
}
.tool-btn-bar a.zoom {
	background-position:0 -132px;
	width:21px;
}
.tool-btn-bar a.zoom:hover {
	background-position:0 -154px;
}
.tool-btn-bar a.print {
	background-position:0 -346px;
	width:24px;
}
#photo .tool-btn-bar a.print:hover {
	background-position:0 -369px;
}
.tool-btn-bar a.rotate {
	background-position:0 -176px;
	width:19px;
}
.tool-btn-bar a.rotate:hover ,.tool-btn-bar a.rotate.button_locked{
	background-position:0 -198px;
}
.tool-btn-bar a.edit {
	background-position:0 -220px;
	width:20px;
}
.tool-btn-bar a.edit:hover {
	background-position:0 -242px;
}
.tool-btn-bar a.delete {
	background-position:0 -264px;
}
.tool-btn-bar a.delete:hover {
	background-position:0 -286px;
}
.tool-btn-bar a.add-faves {
	background-position:0 -308px;
}
.tool-btn-bar a.add-faves:hover {
	background-position:0 -330px;
}
.tool-btn-bar a.faves {
	background-position:0 -352px;
}
.tool-btn-bar a.faves:hover {
	background-position:0 -374px;
}
.tool-btn-bar a.rotate-l {
	background-position:0 -396px;
}
.tool-btn-bar a.rotate-l:hover {
	background-position:0 -418px;
}
.tool-btn-bar a.rotate-r {
	background-position:0 -440px;
}
.tool-btn-bar a.rotate-r:hover {
	background-position:0 -462px;
}
.tool-btn-bar a.send-to-group {
	background-position:0 -484px;
	width:18px;
}
.tool-btn-bar a.send-to-group:hover {
	background-position:0 -461px;
}
.tool-btn-bar a.link {
	background-position:0 -528px;
}
.tool-btn-bar a.link:hover,
.tool-btn-bar a.link.button_locked{
	background-position:0 -550px;
}
.tool-btn-bar a.button_locked {
	border-color:#8C8C8C #8C8C8C #FFFFFF;	
}
.tool-btn-bar a.attention-btn {
	background-position:0 -572px;
}
.tool-btn-bar a.attention-btn:hover,
.tool-btn-bar a.attention-btn:active,
.tool-btn-bar a.attention-btn.has-attention {
	background-position:0 -594px;
}
.tool-btn-bar a.shortcut-head {
	background-position:0 -616px;
}
.tool-btn-bar a.shortcut-head:hover {
	background-position:0 -638px;
}
#photo .desc, #slideAlbum .desc {
	margin:15px 0;
}
.copy_url label {
	color:#808080;
}
.copy_url input {
	width:380px;
	border:1px solid #ccc;
	padding:2px;
}
.photo-shortcut-guid {
	background-color: #f3f3f3;
	height: 27px;
	border: 1px solid #e3e3e3;
	position: relative;
	margin-top: 5px;
	width: 498px;
}
.photo-shortcut-guid a,
.photo-shortcut-guid a:hover, 
.photo-shortcut-guid a:active {
	background-color: transparent;
	text-decoration: none;
}
.photo-shortcut-guid .guid-link {
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 63px;
	position: absolute;
	text-indent: -9999em;
	overflow: hidden;
}
.photo-shortcut-guid .guid-link.prev {
	background-image: url(../images/common/show_photo_shortcut_prev.png);
	left: 10px;
	top: 5px;
}
.photo-shortcut-guid .guid-link.next {
	background-image: url(../images/common/show_photo_shortcut_next.png);
	right: 10px;
	top: 5px;
}
.photo-shortcut-guid .size-list {
	background-image: url(../images/common/show_photo_shortcut_bg.png);
	width: 326px;
	height: 25px;
	margin: 1px auto;
}
.photo-shortcut-guid .size-list li {
	display: inline;
	float: left;
	margin: 0 6px;
}
.photo-shortcut-guid .size-list a {
	color: #9a9a9a;
	display: block;
	float: left;
	line-height: 20px;
	padding: 0 3px;
	margin-top: 3px;
}
.photo-shortcut-guid .size-list a:hover {
	background-color: #c3bebd;
	color: #fff;
}

/* @group Comment */
.comment h2 {
	background:none;
}
.comment .action-ding {
	text-align: center;
	color: #6B6B6B;
}
.comment .action-ding a {
	text-decoration: none;
}
.comment .comment-list li {
	margin-bottom:20px;
	clear:left;
	position:relative;
	overflow:hidden;
	width:100%;
}
.comment .comment-content {
	margin-left:60px;
	padding:1px;
	*zoom: 1;
	position: relative;
}
.comment-content span.date {
	color: #6B6B6B;
	position: absolute;
	right: 0;
	top: 0;
}
.comment-content span.from-ip {
	color: #6B6B6B;
	font-weight: normal;
}
.comment-content h3 {
	margin-top:0;
	font-size: 12px;
}
.comment-content div {
	margin:10px 0;
}
.comment-content blockquote {
	margin-left:15px;
	border-left:3px solid #ccc;
	padding:5px;
}
.comment-content .meta {
	color:#808080;
	margin-top:-10px;
	text-align: right;
}
.comment-content .meta a {
	text-decoration:none;
}

.comment-form textarea {
	width:400px;
}
.comment-form.compact .field{
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 60px;
	clear: left;
}
.comment-form.compact .text-input {
	background-color: #fff;
	padding: 2px;
}
.comment-form.compact .button-container {
	margin-left: 60px;
}
/* @end Comment */
/* @end Photo */
/* @group Photo_about,SlideAlbum_about */
#photo_about, #slideAlbum_about {
	margin-top:80px;
	color:#808080;
}
#photo_about h3, #slideAlbum_about h3 {
	color:#666;
	font-weight:normal;
	font-size:14px;
}
#photo_about a, #slideAlbum_about a {
	text-decoration:none;
}
#photo_about .owner strong a, #slideAlbum_about .owner strong a {
	text-decoration:underline;
	color: #0063DC;
}
#photo_about .owner strong a:hover,
#slideAlbum_about .owner strong a:hover {
	color: #fff;
}
.context {
	margin-bottom:20px;
}
.context .context-btn, .context .context-btn-disable {
	width:18px;
	height:25px;
	display:block;
	overflow:hidden;
	position:relative;
	float:left;
	background:url(../images/common/context_btn_sprite.png) no-repeat;
	text-indent:-9999px;
	z-index:3;
}
.context .context-btn:hover {
	background-position:0 -25px;
}
.context .context-btn:active {
	background-position:0 -50px;
}
.context .context-btn.close {
	background-position:0 -75px;
}
.context .context-btn.close:hover {
	background-position:0 -100px;
}
.context .context-btn.close:active {
	background-position:0 -125px;
}
.context .hd h4 {
	margin:0 15px 0 20px;
	_margin-left:-17px;
	border:1px solid #F3F3F3;
	padding:0 4px;
	height:23px;
	line-height:23px;
	text-overflow:ellipsis;
	overflow:hidden;
	font-weight:normal;
}
.context .hd h4.current {
	font-weight:bold;
}
.context .plain {
	font-weight:normal;
	color:#808080;
}
.plain:hover, #photo_about .plain:active {
	background-color:transparent;
	color:#0063dc;
}
.context .bd {
	border:1px solid #E3E3E3;
	border-left:none;
	padding:15px 0 5px 0;
	position:relative;
	z-index:1;
	margin-top:-1px;
	background:#f3f3f3 url(../images/common/context_crap_bg.gif) repeat-y left top;
	height:100%;
}
.context-thumbs {
	width:230px;
	overflow:hidden;
	height:80px;
	float:left;
	margin-left:12px;
	position:relative;
	display:inline;
}

.context-thumbs ul {
	width:1000px;
	max-width:1000px;
	min-width:1000px;
	position:relative;
}
.context-thumbs li {
	display:inline;
	float:left;
	border:1px solid #fff;
	position:relative;
	overflow: hidden;
}
.context-thumbs li.current {
	border-color: #A2D901;
	border-width: 2px;
}
.context-thumbs li a {
	display:block;
	position:relative;
}
.context-thumbs img {
	position:relative;
}
.context-thumbs .slide_album_ico {
	position:absolute;
	left:5px;
	bottom:5px;
}
.context-info {
	float:left;
	width:58px;
	padding-top:10px;
	text-align:center;
	line-height:1.2;
	color:#C3BEBD;
}
.context-info .photos-num {
	display:block;
	font-size:16px;
}
.context-info .slide-show {
	width:23px;
	height:23px;
	display:block;
	margin:5px auto;
	overflow:hidden;
	background:url(../images/common/context_slideshow_icon_default.png) no-repeat;
	text-indent:-9999px;
}
.context-info .slide-show:hover {
	background-image:url(../images/common/context_slideshow_icon_hover.png);
}
.context-nav {
	clear:both;
	height:10px;
	margin-left:12px;
}
.context-nav a {
	display:block;
	height:10px;
	float:left;
	overflow:hidden;
	background:url(../images/common/context_nav.png) no-repeat;
	text-indent:-9999px;
}
.context-nav a:hover {
	background-color:transparent;
}
.context-nav a.prev {
	width:75px;
	background-position:0 0;
}
.context-nav a.prev:hover {
	background-position:0 -10px;
}
.context-nav a.thumbs-link {
	width:79px;
	background-position:0 -40px;
}
.context-nav a.thumbs-link:hover {
	background-position:0 -50px;
}
.context-nav a.next {
	width:75px;
	background-position:37px -20px;
}
.context-nav a.next:hover {
	background-position:37px -30px;
}
.photo-meta ul, .slideAlbum-meta ul {
	list-style-type:circle;
	padding-left:10px;
	margin-left:10px;
}
#photo_about .remark {
	color:#666;
}
.privacy-info {
	padding-left:18px;
}
.privacy-info.icon_public {
	background-position:0 -519px;
}
/* @end Photo_about */
#no_favorite h2 {
	background:none;
	color:#000;
	font-weight:normal;
}
#favorites_album_list .album, .album-list .album ,.favorites .album{
	float:left;
	display:inline;
	width:100px;
	margin-bottom:20px;
}
#favorites_album_list .album p, #favorites_album_list .album h4, .album-list .album h4, .album-list .album p ,.favorites .album p ,.favorites .album h4{
	width:90px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	line-height:1.5;
	margin-bottom:0;
}
#favorites_album_list .tabpanel ,.favorites .tabpanel{
	margin-left:-2px;
}
.favorites .favorite-album {
	background:#f5f5f5;
	padding-left:10px;
	height:100%;
	width: 500px;
	margin:10px auto;
}
.favorites .favorite-album .album {
	width:250px;
	text-align:left;
	margin-bottom:0;
}
.favorites .favorite-album .album h4 {
	width:120px;
}
.favorites .favorite-album .album-wrap {
	float:left;
}
.favorites .favorite-album .widget {
	float:right;
	margin-bottom:0;
	margin-top:5px;
	width:250px;
}
.favorites-nav,
.common-page-nav,
.common-step-nav {
	border-bottom:2px solid #f1f1f1;
	overflow:hidden;
	width:100%;
}

.common-step-nav {
	overflow: visible;	
}

.common-step-nav .tabs {
	height: 30px;
	margin: 0;
}

.favorites-nav li,
.common-page-nav li,
.common-step-nav li{
	display:inline;
}
.favorites-nav li a, .favorites-nav span ,
.common-page-nav li a, .common-page-nav li span ,
.common-step-nav li a, .common-step-nav li span{
	display:block;
	float:left;
	padding:2px 15px;
	border:1px solid #f1f1f1;
	margin-left:5px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#646464;
}
.favorites-nav li a, .favorites-nav li a:link, .favorites-nav li a:visited,
.common-page-nav li a, .common-page-nav li a:link, .common-page-nav li a:visited{
	background-color:#fff;
	color:#656565;
}
.favorites-nav li a:hover, .favorites-nav li a:active,
.common-page-nav li a:hover, .common-page-nav li a:active{
	background-color:#f1f1f1;
	color:#0063DC;
}
.favorites-nav li span,
.common-page-nav li span {
	background-color:#f1f1f1;
	color:#0063DC;
}
.common-step-nav li span {
	background-color: #fff;
	color: #FFA302;
}
.common-step-nav li span,
.common-step-nav li a {
	position: relative;
	top: 2px;
	border-bottom: #fff;
	_top: 3px;
}
.common-step-nav li a, .common-step-nav li a:link, .common-step-nav li a:visited{
	background-color:#f1f1f1;
	color:#656565;
	font-weight: normal;
}
#make_slideAlbum .content {
	background:#fff url(../images/common/box_gray_bg.png) repeat-x left top;
	padding:10px;
	height:100%;
}
#make_slideAlbum .make-area {
	width:500px;
	overflow:hidden;
	float:left;
	margin-bottom:10px;
}
#make_slideAlbum .effect-area {
	width:270px;
	overflow:hidden;
	float:right;
	margin-bottom:10px;
}
#make_slideAlbum .select-area {
	clear:both;
	height:auto !important;
	min-height:200px;
	height:200px;
	position:relative;
	border:1px solid #acacac;
	background:#fbfbfb url(../images/common/box_gray_bg2.png) repeat-x left bottom;
}
.effect-area .tabs span {
	padding:5px 3px;
	margin-right:3px;
}
.effect-area .tabs span.current {
	background:#fff;
	border-top:5px solid #0063DC;
	font-weight:bold;
}
.effect-area .tabbox {
	background:#fff;
	padding-bottom:5px;
	width:100%;
}
.effect-area .tabs {
	margin-bottom:0;
	background:#f7f7f7;
	padding-top:6px;
}
.effect-list {
	padding-top:10px;
}
.effect-item {
	float:left;
	display:inline;
	margin-left:7px;
	text-align:center;
	width:81px;
}
.effect-item p {
	margin-bottom: 8px;
}
.effect-item img {
	border:1px solid #c6d2e0;
	cursor:pointer;
	position:relative;
	margin:2px;
}
.effect-item.selected img {
	border-color:#a2d901;
	border-width: 3px;
	margin:0;
	left:-1px;
	top:-1px;
}	
.effect-item a {
	text-decoration:none;
}
.save-area {
	margin-top:20px;
}
.save-area p {
	position:relative;
	height:35px;
	margin:0;
}
.save-area .text-input {
	border:1px solid #ccc;
	padding:5px 2px;
	width:190px;
}
.save-area .input-span{
	float:left;
	margin-right:5px;
}
.save-area a {
	width:70px;
	background:url(../images/common/slideAlbum_btn.png) no-repeat left top;
	float:left;
	margin-right:5px;
}
.save-area a span {
	display:block;
	height:28px;
	line-height:26px;
	font-weight:bold;
	cursor:pointer;
	color:#0063DC;
	text-align:center;
}
.save-area .save-link {
	margin-right:0;
}
.select-area .msg {
	font-size:16px;
	color:#808080;
	text-align:center;
	padding-top:80px;
}
.select-area .slideAlbum-desc-wrap {
	padding:10px;
}
.slideAlbum-desc-wrap textarea {
	width: 99%;
	padding: 2px;
}
.select-area .arrow-ico {
	width:17px;
	height:12px;
	display:block;
	position:absolute;
	background:url(../images/common/arrow_ico.png) no-repeat;
	left:25px;
	top:-12px;
}
.select-area .arrow-ico.on-select-desc {
	left: 175px;	
}
.select-photo-list {
	padding-top:10px;
}
.select-photo {
	background:url(../images/common/make_drag_bg.png) no-repeat;
	width:120px;
	height:160px;
	margin-left:8px;
	position:relative;
	display:inline;
	float:left;
	text-align:center;
	color:#808080;
}
.select-photo .action {
	text-align:center;
}
.select-photo .desc {
	width:115px;
	height:22px;
	margin:0 auto;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.select-photo a, .select-photo a:hover, .select-photo a:active {
	text-decoration:none;
	color:#808080;
	background-color:transparent;
}
.select-photo .num {
	position:absolute;
	display:block;
	left:3px;
	top:16px;
	background:url(../images/common/num_bg.png) repeat-x left center;
	border:1px solid #8695a5;
	color:#fff;
	height:13px;
	padding:0 2px;
	line-height:13px;
}
.select-photo .hd {
	height:14px;
	overflow:hidden;
	cursor:move;
}
.select-photo .photo-wrap {
	margin:7px 0;
}
.select-photo .effect {
	position:absolute;
	background:#0063DC;
	padding:0 5px;
	line-height:1.5;
	color:#fff;
	left:50px;
	top:80px;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.select-photo .desc input {
	background:#ffffd3;
	width:110px;
	padding:2px;
	border:0;
}
/* @group Activity */
.activity-list {
	background:url(../images/common/dotted_line.gif) repeat-x left bottom;
}
.activity-list .act-item {
	background:url(../images/common/dotted_line.gif) repeat-x left top;
	padding:10px 0;
	width:100%;
	float:left;
}
.activity-list .act-item:hover {
	background:#f2f7fc;
}
.activity-list .details .own-activity * {
	color:#999;
	font-style:italic;
}
.act-thumb {
	width:95px;
	margin-left:5px;
	display:inline;
	float:left;
}
.act-thumb .album p {
/*	width:95px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;*/
	line-height:1.5;
}
.act-data {
	width:440px;
	float:left;
	margin-left:12px;
	display:inline;
	position:relative;
}
.act-data h2 {
	background:none;
}
.act-data .options {
	position:absolute;
	right:5px;
	top:5px;
}
.act-data .meta {
	color:#999;
	margin-top:-10px;
}
.act-detail-item {
	padding:0 65px;
	margin-bottom:5px;
	position:relative;
	height:100%;
}
.act-when {
	position:absolute;
	right:5px;
	top:0px;
	color:#999;
}
.act-icon {
	position:absolute;
	left:0px;
	top:0px;
}
.act-who {
	position:absolute;
	left:30px;
	top:0px;
}
#activity_setting .content {
	padding:10px 15px;
	background:#deedee;
}
#activity_setting select {
	width:95%;
}
/* @end Activity */
/* @end Box */

/* @group Photo+Album */
.album .album-wrap {
	height:90px;
	width:90px;
	margin:0px auto;
	padding:7px 0 0 7px;
	background:url(../images/common/set_case.gif) no-repeat;
	text-align:left;
	position:relative;
}
.slide_album_ico {
	display:block;
	width:22px;
	height:15px;
	background:url(../images/common/slide_album_ico.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
* html .slide_album_ico {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='images/common/slide_album_ico.png');
}
.album-wrap .slide_album_ico {
	position:absolute;
	left:15px;
	bottom:20px;
}
.album-thumb {
	border:1px solid #000;
}
.album {
	text-align:center;
}
.stream-view a, .album a {
	text-decoration:none;
}
.photo-stream {
	margin-bottom:10px;
	font-size:12px;
	table-layout:fixed;
}
.photo-stream.odd {
	table-layout:auto;
}
.photo-stream table {
	table-layout: fixed;
}
.photo-stream td {
	vertical-align:top;
}
.photo-stream td * {
	word-wrap: break-word;
}
.photo-stream td.album-list {
	background:#F5F5F5;
	padding-top:30px;
}
.photo-stream td.album-list * {
	word-wrap: normal;
}
.photo-stream .album-space {
	width:160px;
	padding:0 20px;
	overflow: hidden;
}
.photo-stream .album-space .comment-list p {
	width:100%;
	color:#808080;
	overflow: hidden;
}
.photo-stream td.album-list .album {
	width:150px;
	margin:0 auto 20px auto;
}
.photo-stream .stream-view {
	/*width:99%;*/
	padding-bottom:25px;
	width: 250px;
}
.photo-stream .big5photo {
	width: 500px;
}
.stream-view .meta {
	color:#808080;
}
.photo-stream .stream-view h3 {
	margin-bottom:5px;
}
.photo-stream .album-list .album h4,
.photo-stream .album-list .album p,
.album h4 {
	width:98%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom:3px;
}
.photo-stream .stream-view .desc {
	height:auto !important;
	min-height:22px;
	height:22px;
}
.photo-stream .stream-view div, .album p {
	color:#808080;
}
#album_list .album {
	float:left;
	display:inline;
	width:120px;
	margin-right:5px;
	overflow:hidden;
	margin-bottom:10px;
}
#album_box {
	z-index:90;
	overflow: hidden;
}
#album_box .album_wrap {
	background:#F5F5F5;
	text-align:center;
	padding:30px 0;
}
#album_box p {
	margin:10px;
}
#album_box p.meta {
	color:#999;
}
/* @end Photo+Album  */
/* @group Pager */
.pager {
	margin:3px;
	padding:3px;
	text-align:center;
}
.pager-results {
	color:#808080;
	text-align:center;
}
.pager a {
	border:1px solid #DEDFDE;
	color:#0061DE;
	margin-right:3px;
	padding:2px 6px;
	text-decoration:none;
}
.pager a:hover, .pager a:active {
	border-color:#000;
	color:#fff;
}
.pager span.current {
	color:#ffa302;
	font-weight:bold;
	margin-right:3px;
	padding:2px 6px;
}
.pager span.disabled {
	color:#ADAAAD;
	margin-right:3px;
	padding:2px 6px;
}
/* @end Pager */
/* @group Table */
.all-tag-table {
	margin:0 auto 10px auto;
}
.all-tag-table th ,.all-tag-table  thead td {
	border-bottom:1px solid #EEEEEE;
	font-weight:normal;
	color:#666;
	text-align: left;
}
.all-tag-table td thead  *{
	border-bottom: 0;
}
.all-tag-table th, .all-tag-table td {
	padding:2px 15px 2px 5px;
}
.all-tag-table .tag {
	padding-left:60px;
}
.all-tag-table td.tag {
	font-size:14px;
}
.all-tag-table td tbody td {
	vertical-align: text-top;
}
.all-tag-table tbody tr {
	background: url(../images/common/dotted_line.gif) repeat-x left bottom;
}
.all-tag-table tbody td tr {
	background: none;
}
.all-tag-table .photo-count {
	width:100px;
}
.archive-calendar-container {
	border-collapse:separate;
	border-spacing:20px;
	text-align:center;
	margin:0 auto;
}
.archive-calendar {
	background:#fff;
	border-color:#ddd;
	border-style:solid;
	border-width:3px 3px 2px;
	width:220px;
}
.archive-calendar td {
	text-align:center;
	border-bottom:1px solid #ddd;
	padding:2px;
	color:#ccc;
}
.archive-calendar td.today {
	border: 2px solid #bbb;
	color: #000;
	font-weight: bold;
}
.archive-calendar a {
	text-decoration:none;
	font-weight:bold;
	padding:3px;
}
.archive-calendar a:hover, .archive-calendar a:active {
	background:#000;
	color:#fff;
}
.archive-calendar .month ,.archive-calendar .year{
	background:#e1e1e1;
	padding:2px;
	color:#444;
	font:14px bold;
}
.archive-calendar .day {
	color:#333333;
	font-weight:bold;
	padding:6px 3px 0;
	line-height:1.2;
}
.all-months {
	margin:0 auto;
}
.all-months .day {
	font-weight:bold;
	font-size:14px;
	color:#000;
	padding:5px;
}
.all-months tbody td {
	width:75px;
	height:75px;
	vertical-align:top;
	padding:3px;
	border:1px solid #7E7262;
	color:#D2D2D2;
	font-size:18px;
	font-weight:bold;	
}
.emptyday {
	background:url(../images/common/calendar_bg.jpg) repeat-x left bottom;
}
.all-months tbody .fullday {
	border:1px solid #7E7262;
}
.all-months tbody .futureday {
	border-color:#E5E5E5;
	color:#E5E5E5;
}
.fullday .photo-container {
	position:relative;
}
.black-date, .white-date {
	position:absolute;
	font-size:18px;
	font-weight:bold;
}
.black-date {
	top:1px;
	left:1px;
	color:#000;
}
.white-date {
	top:0px;
	left:0px;
	color:#fff;
}
.all-months tbody .calendar-blank {
	border:none;
}
.months-available {
	margin:20px 0 0 120px;
}
.explore-calendar-nav {
	background:url(../images/common/dotted_line.gif) repeat-x scroll left bottom;
	position:relative;
	width:100%;
	text-align:center;
	font-size:14px;
}
.explore-calendar-nav .prev{
	position:absolute;
	left:0;
	top:5px;
}
.explore-calendar-nav .next {
	position:absolute;
	right:0;
	top:5px;
}
/* @end Table */
/* @group Upload */
#upload_start .content {
	background:#f7f7f7 url(../images/common/upload_start_bg.jpg) no-repeat right top;
	padding:20px 20px 10px 40px;
	margin-bottom:10px;
}
#upload_start dl {
	color:#808080;
}
#upload_start dt {
	font-weight:bold;
}
#upload_start dd {
	font-size:16px;
	margin-bottom:20px;
}
#upload_start dd .remark {
	font-size:12px;
	font-weight:bold;
}
#upload_first .content, #makeSlideAlbum_first .content {
	padding:15px;
}
#upload_first .upload-tip .content, #makeSlideAlbum_first .makeSlideAlbum-tip .content {
	background:#f5f5f5 url(../images/common/upload_start_s.jpg) no-repeat left 30px;
	padding-left:120px;
}
#makeSlideAlbum_first .makeSlideAlbum-tip .content {
	background-image:url(../images/common/create_slideAlbum_bg.jpg);
}
#upload_first .upload-area form {
	margin-bottom:30px;
}
.upload.box {
	height:100%;
}
.space-stats .content, .space-tip .content {
	border:2px solid #e1e1e1;
}
.space-tip p {
	margin:0;
}
.space-stats .content {
	text-align:center;
	padding:20px 10px;
}
.space-stats .count {
	font-size:24px;
	font-weight:bold;
	margin:20px 0;
}
.upload-mode ul {
	list-style-type:square;
	margin-left:24px;
}
.upload fieldset {
	padding:0 0 20px 20px;
}
.upload form {
	height:100%;
}
.upload .content {
	margin-left:5px;
}
.upload ul .child {
	margin-left:20px;
}
#upload_basic .content {
	background:url(../images/common/upload_basic_bg.jpg) no-repeat right top;
}
.upload-batch-container {
	background:#f7f7f7;
	padding:15px;
	margin-bottom:20px;
}
.upload-batch-table {
	float:left;
	width:400px;
}
.upload-action {
	float:right;
	width:150px;
}
.upload-batch-table .name, .upload-batch-table .size, .upload-batch-table .select {
	float:left;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.upload-batch-table .name {
	width:260px;
	text-indent:15px;
}
.upload-batch-table .size {
	width:60px;
	padding-right:20px;
	text-align:right;
}
.upload-batch-table .select {
	width:58px;
	text-align:center;
}
.upload-batch-table .remove {
	display:block;
	width:10px;
	background-repeat:no-repeat;
	background-image:url(../images/common/trash_can.gif);
	background-position:0 50%;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:10px;
}
.upload-batch-table .remove:hover {
	background-position:-10px 50%;
	background-color:transparent;
}
.upload-batch-container.active .hd .select, .upload-batch-container.active .bd .remove {
	visibility:hidden;
}
.upload-batch-table ul {
	margin:0;
	color:#808080;
}
.upload-batch-table .bd {
	background:#fff url(../images/common/upload_list_bg.png) repeat-x left bottom;
	position:relative;
	overflow:hidden;
}
.upload-batch-table .ft {
	border:1px solid #ccc;
	border-top:none;
	padding:5px;
	background:#e4e4e4;
	text-align:right;
}
.upload-batch-table .bd .upload-scroll {
	border:1px solid #ccc;
	height:220px;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
}
.upload-batch-table .upload-list li {
	border-bottom:1px solid #E4E4E4;
	height:22px;
	line-height:22px;
	overflow:hidden;
	float:left;
	width:400px !important;
	width:398px;
	background:url(../images/common/file_upload_progress.gif) no-repeat left -24px;
}
.upload-batch-table .upload-list li.ok div.select {
	background:url(../images/common/icon_checkmark.gif) no-repeat 50% 50%;
}
.upload-action .add-photo {
	width:50%;
}
.upload-msg {
	font-size:18px;
	margin-top:10px;
}
.upload-status {
	background:#fff;
	border:2px inset #FFFFFF;
	width:396px;
	overflow:hidden;
	position:relative;
}
.upload-status div {
	background:#ffa000;
	height:20px;
}
#upload_done label {
	display:block;
}
#upload_done h2 {
	background:none;
}
#upload_done .content {
	background:#eee;
	padding:10px;
	margin-bottom:15px;
}
#upload_done .split .content {
	width:90%;
}
#upload_done select {
	width:100%;
}
#upload_done #album-name, .photo-edit-list input {
	width:95%;
}
#upload_done textarea {
	background:#fff;
	width:95%;
	height:100px;
}
.photo-edit-list .col {
	width:240px;
	margin-right:20px;
	display:inline;
	float:left;
}
.photo-edit-list .col  .thumb {
	height:240px;
}
#upload_done .photo-edit-list.col1, #upload_done .photo-edit-list.col2 {
	background:none;
}
/* @end Upload */
/* @group world */
.camera-list {
	width:70%;
	margin:0 auto;
}
.camera-list .item {
	height:auto !important;
	min-height:100px;
	height:100px;
}
.camera-list .item p {
	margin-left:110px;
}
.world-user-list,
.common-user-list {
	font-size:14px;
	color:#808080;
}
.world-user-list a,
.common-user-list a{
	text-decoration:none;
}
.world-user-list a.name,
.common-user-list a.name {
	text-decoration:underline;
}
#world_user .world-user-list .item,
.common-user-list .item{
	width:48%;
	float:left;
	margin-bottom:20px;
	overflow:hidden;
	margin-right:5px;
	display:inline;
}
#world_user .sidebar {
	font-size:14px;
}
#world_user .sidebar ul {
	margin-left:30px;
}
/* @end World */
/* @group Special */
#edit_special .content {
	background:#f5f5f5;
	width:95%;
}
#edit_special .album-list, #edit_special .select-albums {
	background:#fff;
	padding:10px 0;
}
#edit_special .select-albums li {
	position:relative;
	height:54px;
	overflow:hidden;
	margin-bottom:10px;
}
#edit_special .album-list .album {
	float:left;
	display:inline;
	width:105px;
	margin-left:8px;
}
#edit_special .album-list .action {
	margin:5px 0 10px;
}
#edit_special .album-list .checkbox {
	float:left;
}
#edit_special .album-list .album-name {
	margin-left:20px;
	width:80px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	text-align:left;
}
#edit_special .select-albums .album {
	text-align:left;
	position:relative;
	height:100%;
	margin:0 0 10px 10px;
}
#edit_special .select-albums .album * {
	margin:0;
}
#edit_special .select-albums .album img {
	border:1px solid #ccc;
	padding:3px;
}
#edit_special .select-albums h4 {
	position:absolute;
	left:60px;
	top:0px;
}
#edit_special .select-albums .action {
	position:absolute;
	left:60px;
	bottom:0;
}
#create_special .content {
	background:#f3f3f3 url(../images/common/create_special_img.jpg) no-repeat 88% 50%;
	height:100%;
	position:relative;
}
#create_special .create-special-area {
	background:#fff;
	margin:20px 0;
	width:55%;
	padding:20px;
}
.create-special-area label {
	display:block;
}
.create-special-area textarea {
	width:80%;
	height:150px;
}
.create-special-area .category-area {
	background-color: #f3f3f3;
	padding: 5px;
	margin-bottom: 10px;
}
.create-special-area .category-area input {
	vertical-align: top;
}
.create-special-area .category-area label {
	float: left;
	margin: 0 3px;
	height: 22px;
	overflow: hidden;
	color: #0063DC;
}
.create-special-area .category-area .category-input {
	width: 98%;
	margin-bottom: 5px;
}
.create-special-area .category-area .remark {
	line-height: 1.5;
}
#create_special .content .other {
	position:absolute;
	right:20px;
	bottom:20px;
	width:250px;
}
.special-heading {
	background:#f3f3f3;
	position:relative;
	margin-bottom:20px;
	height:25px;
	line-height:25px;
	*zoom: 1;
	padding-right:85px;
	overflow:hidden;
}
.special-heading h3 {
	float:left;
	background:#79abe7;
	color:#fff;
	font-weight:normal;
	margin:0;
	padding:0 5px;
}
.content.special {
	margin-bottom:20px;
}
.special-heading p {
	position:absolute;
	right:0;
	top:0;
	_top:3px;
}
.special-desc {
	margin-top: -15px;
	padding:2px 5px;
	color:#79ABE7;
	background:url(../images/common/dotted_line.gif) repeat-x bottom left;
}
/* @end Special */
/* @group Photo_tag */
#photo_tag .content {
	width:95%;
}
/* @end Photo_tag */
/* @group Explore */
.explore .birthday {
	position:relative;
}
.explore .birthday ul {
	border:1px solid #7f9db9;
	padding:5px;
	width:120px;
}
.explore .birthday ul li {
	background:url(../images/common/birthday_ico.png) no-repeat left center;
	padding-left:20px;
	width:100px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.explore .camera .split {
	width:266px;
}
.explore .camera-list {
	width:100%;
}
/* @end Photo_tag */
/* @group People */
.people-intro, .people-activity .item .bd {
	font-size:14px;
}
.people-intro-more dl {
	position:relative;
	overflow:hidden;
}
.people-intro-more dt {
	width:100px;
	float:left;
	clear:left;
	margin-bottom:10px;
}
.people-intro-more dd {
	padding-left:100px;
	margin-bottom:10px;
}
.people-activity .item, .people-comment li {
	background:url(../images/common/dotted_line.gif) repeat-x left bottom;
	padding-bottom:5px;
	margin-bottom:5px;
}
.people-activity .item p {
	margin-bottom:0px;
}
.people-comment textarea {
	width:98%;
	height:80px;
}
.people-comment li p {
	margin-bottom:5px;
}
/* @end People */
/* @group search */
#search_box .tabs {
	overflow:hidden;
	width:100%;
	margin:-25px 0 0 0;
}
#search_box .tabs li{
	float:left;
	position:relative;
	left:20%;
	margin-right:5px;
	display:inline;
}
#search_box .tabs li a ,#search_box .tabs li span{
	display:block;
	float:left;
	padding:0 15px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#search_box .tabs li span {
	background:#f5f5f5;
	color:#0063DC;
}
#search_box .content {
	background:#f5f5f5 url(../images/common/search_bg.jpg) no-repeat right top;
	padding:20px 20px 10px 20px;
	height:70px;
	overflow:hidden;
}
#search_box .content.search-user {
	background-image:url(../images/common/search_bg_user.jpg); 
}
#search_box form  {
	margin-left:50px;
}
#search_box form select {
	width:120px;
}
#search_box form input.keyword {
	width:300px;
}
#search_box .hot-keyword,#search_box .filter{
	margin-left:180px;
}
#search_box .filter {
	margin-bottom:0px;
	color:#808080;
}
.result-thumbs-list div {
	float:left;
	height:130px;
	margin-right:10px;
	padding:0;
	text-align:center;
	width:120px;
	display:inline;
}
.result-m-list .item {
	margin-bottom:20px;
	float:left;
	margin-left:20%;
	display:inline;
}
.result-m-list .item .data {
	margin-left:250px;
}
.result-m-list .item p {
	color:#808080;
}
.result-m-list .item h3 small {
	font-size:12px;
	font-weight:normal;
	margin-left:5px;
}
.result-m-list .item a {
	text-decoration:none;
}
.result-user-list .item{
	width:33%;
	float:left;
	margin-bottom:10px;
}
.result-user-list .item h4 ,.result-user-list .item p {
	margin:5px 0 5px 60px;
	color:#808080;
	line-height:1.5;
}
.result-user-list .item h4 {
	font-size:16px;
}
/* @end search */
/* @group vip */
.buy-vip {
	text-align:center;
	margin-top:50px;
	font-size:14px;
}
table.contrast {
	border-collapse:separate;
	width:100%;
	margin-bottom:10px;
	border-spacing:1px;
	table-layout:fixed;
}
table.contrast td,table.contrast th {
	padding:3px 5px;
}
table.contrast th {
	text-align:center;
}
table.contrast .title {
	background:#e3e3e3;
	width:150px;
}
table.contrast th.title {
	background:#fafafa;
}
table.contrast td.common-vip {
	background:#d6e6ff;
	text-align:center;
}
table.contrast td.shop-vip {
	background:#f4e1b7;
	text-align:center;
}
table.contrast th.common-vip {
	background:#f5f5f5;
	border-bottom:5px solid #0063dc;
}
table.contrast th.shop-vip {
	background:#f5f5f5;
	border-bottom:5px solid #ff9c23;
}
#vip .step {
	padding-top:20px;
	background-repeat:no-repeat;
	background-position:top center;
}
#vip .step li {
	width:25%;
	float:left;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
#vip #step1 {
	background-image:url(../images/common/vip_step1_bg.png);
}
#vip #step2 {
	background-image:url(../images/common/vip_step2_bg.png);
}
#vip #step3 {
	background-image:url(../images/common/vip_step3_bg.png);
}
#vip #step4 {
	background-image:url(../images/common/vip_step4_bg.png);
}
#vip .step li.color1{
	color:#3f87ff;
}
#vip .step li.color2{
	color:#7db8ea;
}
#vip .step li.color3{
	color:#c7c7c7;
}
#vip .step li.color4{
	color:#e5e5e5;
}
#vip .step li.color5{
	color:#f1f1f1;
}
#vip .vip-item {
	text-align:center;
	font-size:14px;
	line-height:2.5;
	margin-bottom:20px;
}
#vip .vip-item a {
	font-size:24px;
	font-weight:bold;
}
#vip .product-type .contrast {
	margin-left:auto;
	margin-right:auto;
	border-spacing: 0;
	table-layout: fixed;
}
#vip table.contrast thead th {
	border-bottom: 3px solid #D9EBED;
	border-top: 3px solid #D9EBED;
	background-color: #fff;
}
#vip table.contrast thead th.col-first {
	text-align: left;
	padding: 5px 20px;
}
#vip table.contrast tbody th, #vip table.contrast tbody td {
	border-right: 1px solid #fff;	
	border-bottom: 1px solid #fff;
}
#vip table.contrast tbody th {
	text-align: left;
	background-color: #D9EBED;
	padding: 5px 20px;
}
#vip table.contrast .col-first {
	width: 160px;	
}
#vip table.contrast tbody td {
	background-color: #f5f5f5;
	text-align: center;
}
#vip table.contrast tfoot td {
	border-bottom: 3px solid #D9EBED;
	padding: 8px 5px;
}
#vip table.contrast a.buy-btn {
	display: block;
	background: url(../images/common/common_btn.png) no-repeat;
	width: 92px;
	height: 32px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #6B9F1F;
	text-align: center;
	margin: 0 auto;
}
#vip table.contrast-1 td,
#vip table.contrast-1 th {
	padding: 5px 4px;	
	border: 1px solid #d0d0d0;
	text-align: center;	
}
#vip table.contrast-1 {
	border: 1px solid #d0d0d0;
}
#vip table.contrast-1 th.f-col {
	background-color:#e3e3e3;	
}
#vip table.contrast-1 td.f-col {
	background-color:#f1f1f1;	
}
#vip table.contrast-1 th.p-col {
	background-color:#dee7d9;
}
#vip table.contrast-1 td.p-col {
	background-color:#ecf5e7;	
	border-left:none;
	border-right:none;
}
#vip table.contrast-1 td.sep {
	border-right: 1px solid #d0d0d0;	
}
#vip table.contrast-1 th.s-col {
	background-color:#d6e0e9;	
}
#vip table.contrast-1 td.s-col {
	background-color:#e4eef7;	
	border-left:none;
	border-right:none;
}
#vip table.contrast-1 td.p-col span.price,
#vip table.contrast-1 td.p-col a{
	font-weight: bold;
	color: #56a626;
}
#vip table.contrast-1 td.s-col span.price,
#vip table.contrast-1 td.s-col a{
	font-weight: bold;
	color: #448ac6;
}
#vip table.contrast-1 td  a:hover,
#vip table.contrast-1 td  a:active{
	background-color: transparent;	
}
#vip table.contrast-1 th.col-first {
	text-align: left;
	background-color: #fbfbfb;
}
#vip table.contrast-1 thead th.col-first {
	background-color:#e3e3e3;	
}
#vip table.cart {
	width:100%;
	text-align:center;
	margin:20px 0 5px 0;
}
#vip table.cart tbody tr {
	background-color:#f5f5f5;
	font-size:14px;
}
#vip table.cart tbody td,#vip table.cart tbody th{
	padding:5px 6px;
}

#vip .stat-money {
	font-size:14px;
	color:#FFA302;
	font-weight:bold;
}
#vip .paymode .tabs {
	border-bottom:2px solid #f1f1f1;
}
#vip .paymode .tabs li {
	float:left;
	padding:5px 10px;
	margin-left:10px;
	display:inline;
}
#vip .paymode .tabs li.current {
	border:1px solid #f1f1f1;
	border-bottom-color:#fff;
	background:#fff;
	position:relative;
	top:2px;
}
#vip .paymode #alipay .info {
	background:url(../images/paymode/alipay_big.gif) no-repeat left top;
	padding-left:170px;
	height:70px;
}
#vip table.select-ebank {
	width:100%;
}
#vip table.select-ebank td {
	padding:5px;
}
#vip table.select-ebank td input {
	vertical-align:middle;
}
#vip .order-info {
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 10px 10px 0;
	font-size: 14px;
	font-weight: bold;
}
#vip .order-remark {
	padding-left: 10px;
}
/* @end vip */
/* @group Help */
body.help #main, body.help #header .wrap {
	width:950px;
}
#breadcrumbs {
	background:#f9f9f9;
	margin-bottom:20px;
}
#breadcrumbs .wrap {
	width:950px;
	margin:auto;
	padding:5px 0;
}
#breadcrumbs p {
	font-size:14px;
	font-weight:bold;
}
#help .index-col .content {
	background:#f7f7f7;
	border:1px solid #dfdfdf;
	padding:0;
	margin-bottom: 10px;
}
#help .index-col h3 {
	border-bottom:1px dashed #dfdfdf;
	padding-left:5px;
}
#help .index-col ul,
#help .index-col p{
	margin-left: 10px;
	margin-right: 10px;
}
#help .index-col a ,#tour_nav li a {
	text-decoration:none;
}
#help .index-col a:hover ,#help .index-col a:active ,#tour_nav li a:hover ,#tour_nav li a:active{
	color:#0063dc;
	background-color:transparent;
}
#help .content-col .content{
	width:95%;
	float:right;
}
#help .content-col dl {
	margin:10px 0 20px 0;
}
#help .content-col dt {
	padding:2px 2px 2px 5px;
	background:#ededed url(../images/common/red_arrow.gif) no-repeat 99% 50%;
	margin-bottom:5px;
	border-bottom:1px dashed #9D9D9D;
	cursor: pointer;
}
#help .content-col dl dd.tip {
	display: block;
	padding-left:10px;
	color:#808080;
}
#help .content-col dl dd.detail {
	display: none;
}
#help .content-col dl.select dt {
	background:#ff8b0f url(../images/common/white_arrow.gif) no-repeat 99% 50%;
	color:#fff;
	border-bottom-color:#fff;
	cursor: default;
}
#help .content-col dl.select dd.tip {
	display:none;
}
#help .content-col dl.select dd.detail {
	display: block;
	color:#000;
}
#help .section h2 {
	background:none;
}
#help .board p.caption {
	color: #808080;
	padding:2px 2px 2px 5px;
	background-color:#ededed; 
	margin: 10px 0 5px;
	border-bottom:1px dashed #9D9D9D;
}
#help .board {
	position: relative;
	margin-bottom: 10px;
}
#help .board .action {
	position: absolute;
	top: 8px;
	right: 5px;
}
#help .board a {
	text-decoration: none;
}
#help .board-table {
	width: 100%;
	color: #808080;
	table-layout: fixed;
	margin-bottom: 10px;
}

#help .board-table * {
	word-wrap: break-word;
}
#help .board-table td, 
#help .board-table th {
	padding: 5px;
	border-bottom: 1px solid #ececec;
	vertical-align: top;
	text-align: left;
}

#help .col-last-updated{
	width: 12em;
}

#help .col-author,
#help .col-last-reply,
#help .col-count {
	width: 6em;
}
#help .col-subject .subject{
	padding-left: 18px;
	background-position: 0 3px;
	background-repeat: no-repeat;
	background-image: url(../images/common/ico_text.png); 
}
#help .col-subject .subject.top {
	background-image: url(../images/common/ico_top.png);
}
#help .subject-board h2 {
	color: #000;
}
#help .subject-board .article {
	background: url("../images/common/dotted_line.gif") repeat-x scroll left bottom transparent;
	margin: 10px 0;
	padding-bottom: 1px;
	position: relative;
	_zoom: 1;
	padding-left: 60px;
}
#help .subject-board .user-face {
	position: absolute;
	left: 0;
	top: 0;
}
#help .subject-board .article-meta {
	margin-bottom: 5px;
}
#help .subject-board .date {
	color: #808080;
}
#help .subject-board .subject-reply-area {
	padding-left: 60px;
}
#help .post-subject td.field {
	width: 4em;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
}
/* @end Help */
/* @group Tour */
#tour_nav {
	width:810px;
	margin:0 auto 20px auto;
	background:#f9f9f9;
}
#tour_nav li {
	float:left;
	width:135px;
	text-indent:5px;
	font-size:14px;
	padding:5px 0;
	color:#808080;
}
#tour_nav li.current {
	background:#fff;
	color:#000;
}
#tour_nav li.current .num {
	font-weight:bold;
	color:#FFA302;
}
#tour p,#tour ul {
	font-size:14px;
}
#tour .split .content {
	width:95%;
}
#tour h1 {
	color:#FFA302;
	margin-bottom:20px;
}
/* @end Tour */
/* @group page:view-size */
body.view-size .section {
	margin-bottom:10px;
	padding-left:20px;
}
body.view-size .section p ,body.view-size .section ul{
	margin-bottom:10px;
}
body.view-size .masthead {
	padding-top:30px;
	position:relative;
	height:100%;
	border-bottom:5px solid #eee;
}
body.view-size .content {
	border-bottom:5px solid #eee;
}
body.view-size .masthead .pull-left {
	position:absolute;
	bottom:0px;
	left:20px;
}
body.view-size .masthead .pull-right {
	position:absolute;
	bottom:0px;
	right:10px;
}
body.view-size .masthead .owner {
	margin-left:500px;
	line-height:1.2;
	color:#808080;
}
body.view-size .owner .date {
	text-decoration:none;
}
body.view-size .owner img {
	border:1px solid #eee;
	margin-right:5px;
}
body.view-size h3 {
	color:#ffa302;
}
body.view-size .download {
	font-size:14px;
	font-weight:bold;
	background-image:url(../images/common/icon_download.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}
/* @end page:view-size */
/* @group photo_setting */
#photo_setting img {
	vertical-align:text-bottom;
}
#photo_setting  .photo {
	text-align:center;
}
#photo_setting  .photo img {
	vertical-align:middle;
}
#photo_setting .privacy {
	margin-left:20px;
}
.photo_edit_form label {
	display:block;
}
#photo_favo_list li {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
/* @end photo_setting */
/* @group Account */
.account-space-info .content {
	background:#ffffcd;
	height:45px;
	overflow:hidden;
}
.account-space-info .progressbar {
	border:1px solid #ccc;
	width:100px;
	overflow:hidden;
	height:13px;
	float:left;
	position:relative;
	margin:2px 5px 0 30px;
	background:#fff;
	margin-right:5px;
	display:inline;
}
.account-space-info .progressbar div{
	position:absolute;
	left:0;
	top:0;
	height:13px;
	background:#FFA302;
}
.account-space-info .col1 {
	width:60%;
	float:left;
	text-align:center;
}
.account-space-info .col2 {
	width:36%;
	float:right;
}
.account-space-info .col2  p {
	margin-left:30px;
}
.account-setting {
	margin-top:10px;
}
.account-setting .tabs {
	border-bottom:3px solid #f1f1f1;
}
.account-setting .tabs li {
	float:left;
	padding:2px 12px;
	margin-left:10px;
	display:inline;
	background:#f1f1f1;
	border:1px solid #f1f1f1;
	margin-bottom:-3px;
	position:relative;
}
.account-setting .tabs li.current {
	background:#fff;
	color:#FFA302;
	font-size:14px;
	font-weight:bold;
	border-bottom-color:#fff;
	margin-top:-2px;
}
.account-setting .tabs a {
	color:#4c4c4c;
	text-decoration:none;
}
.account-setting .tabs a:hover, .account-setting .tabs a:active {
	color:#FFA302;
	background:transparent;
}
.account-setting h3 {
	font-size:12px;
	border-bottom:1px solid #eee;
	margin-bottom:10px;
}
.account-setting .gray-box .content {
	padding: 10px 10px 1px;
	margin-bottom: 10px;
}
.account-setting .gray-box .content .num {
	font-size: 36px;
	font-weight: bold;
	float: left;
	margin: 5px 3px 10px;
	color: #ccc;
	clear: left;
	line-height: 1;
}
.commend-head .current-head {
	float:left;
}
.commend-head .head-intro {
	margin-left:150px;
}
.commend-head .selected-head {
	margin-top:10px;
}
.commend-head .action-group {
	margin-top:10px;
}
.account-setting .vip-service {
	background:url(../images/common/account_vip_service_bg.jpg) no-repeat right top;
	width:630px;
	margin:0 auto;
	padding-bottom:10px;
}
.account-setting .vip-service h4 {
	margin-bottom:30px;
}
.account-setting .vip-service p {
	padding-left:50px;
}
.account-setting .vip-service .action {
	margin-top:30px;
	margin-right:60px;
}
.account-setting .equipment-form label {
	width:180px;
	float:left;
	text-align:right;
}
.account-setting .equipment-form p {
	margin-bottom:15px;
}
.account-setting .equipment-form textarea,.account-setting .equipment-form .action-group {
	margin-left:180px;
}
.account-setting .equipment-form textarea {
	width:400px;
	height:100px;
}
table.have-equi {
	width:600px;
	margin-left:100px;
	margin-bottom:15px;
}
table.have-equi th {
	color:#808080;
}
table.have-equi th ,table.have-equi td {
	padding:5px;
	text-align:left;
}
table.have-equi tbody tr:hover {
	background:#f5f5f5;
}
/* @end Account */
/* @group Pop */
body.pop .content {
	padding:10px;
}
body.pop .select-photo-wrap {
	height:360px;
	overflow:auto;
	position:relative;
}
body.pop .select-photo-list li {
	float:left;
	display:inline;
	position:relative;
	cursor:pointer;
	margin:0 10px 10px 0;
	height:80px;
}
body.pop .select-photo-list li img {
	padding:1px;
	border:1px solid #dee0e2;
	position:relative;
}
body.pop .select-photo-list li.selected img{
	border-width:2px;
	border-color:#61a0cc;
	margin-left:-1px;
	margin-top:-1px;	
}
body.pop .select-photo-list li input {
	position:absolute;
	right:2px;
	bottom:2px;
}
body.pop div.action {
	margin-top:10px;
	clear:both;
}
/* @end Pop */
/* @group 404 */
.page-404 h1{
	color:#ffa302;
}
#desc_404 {
	padding-left:60px;
	background:url(../images/common/warning_ico.png) no-repeat left 10px;
}
/* @end 404 */
/* @group #sitemap */
#sitemap {
	padding-left:20px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#sitemap h2 {
	margin:5px 0;
	background:none;
	color:#000;
}
#sitemap ul {
	margin-left:20px;
	list-style:disc;
}
#sitemap ul ul {
	list-style:circle;
}
#sitemap ul ul ul{
	list-style:square;
}
#sitemap .remark {
	font-size:12px;
}
/* @end #sitemap */
/* @group .upload-loading */
.upload-loading {
	position:absolute;
	z-index:100;
	left:50%;
	top:50%;
	background:#fff;
	border-width:1px 2px 2px 1px;
	border-style:solid;
	border-color:#ccc #333 #333 #ccc;
	padding:10px;
	margin-left:-175px;
	margin-top:-42px;
}
.upload-loading h3 {
	color:#7f7f7f;
	text-align:center;
}
.upload-loading h3 img {
	vertical-align:middle;
}
/* @end .upload-loading */

/* @group .friendlink */
.friendlinks {
	width: 100%;
	overflow: hidden;
}
.friendlinks a,
.friendlinks a:hover,
.friendlinks a:active {
	text-decoration: none;
	color: #666;
	background: none;
}
.friendlinks .item {
	text-align: center;
	width: 98px;
	float: left;
}
.friendlinks .item p {
	margin: 5px 0;
}
/* @end .friendlink */

/* @group .photo-list-rank 照片排行榜*/
.photo-list-rank .item {
	background:url(../images/common/dotted_line.gif) repeat-x left bottom;
	overflow: hidden;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.photo-list-rank .photo-wrap {
	width: 80px;
	float: left;
}
.photo-list-rank .photo-data {
	width: 450px;
	float: right;
	position: relative;
	padding-left: 10px;
}
.photo-list-rank .photo-data .num {
	font-size: 16px;
	color: #6B9F1F;
	margin-right: 3px;
}
.photo-list-rank .photo-data .meta {
	color:#676767;
}
/* @end .photo-list-rank */

/* @group .photo-block */
.photo-block {
	text-align: center;
	background-color: #F5F5F5;
	padding: 20px 20px 10px;
	margin-bottom: 20px;
}
.photo-block img {
	/*max-width: 100%;*/
	margin-bottom: 10px;
}

.photo-block-item {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}

.photo-block-item .photo-block {
	width: 500px;
	float: left;
	margin-bottom: 0;
}
.photo-block-item .photo-block-desc {
	width: 240px;
	float:right;
}
.photo-block-desc .content {
	border: 3px solid #D7DED7;
	padding-left: 25px;
	position:relative;
	_zoom: 1;
}
.photo-block-desc .content .num {
	position:absolute;
	font-size: 14px;
	font-weight:bold;
	left: -16px;
	padding-left:20px;
	color:#D7DED7;
	background: url(../images/common/photo-block-desc-arrow.png) no-repeat left top;
}
.photo-block-desc .content h3 {
	margin-top: 0;
}
.photo-block-desc .content h3, .photo-block-desc .content p {
	word-wrap:break-word;
}
/* @end .photo-block */

/* @group .traffic-records */
.traffic-records {
	background: #fff url(../images/common/shade_1.png) repeat-x left top;
	padding: 10px 0;
}

.traffic-records-table {
	color: #666;
	width: 100%;
}

.traffic-records-table th,
.traffic-records-table td {
	padding: 3px 10px;
	text-align: left;
}

.traffic-records-table td {
	border-bottom: 1px solid #eee;
}

.traffic-records-table .column-thumbail {
	width: 150px;
	text-align: center;
}

.traffic-records-table .ref-link {
	display: block;
	width: 320px;
	overflow: hidden;
	white-space: nowrap;
	
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
/* @end .traffic-records */

/* @group .attention-list */
.attention-item {
	width: 100%;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.attention-person-head {
	width: 60px;
	float: left;
}
.attention-content {
	margin-left: 60px;
	_zoom: 1;
}
.attention-content h3 {
	font-weight: normal;
	margin: 0;
	padding-top: 10px;
}
.attention-content a {
	text-decoration: none;
}
.attention-content p.meta-date {
	color: #919191;
	line-height: 1;
	margin-bottom: 5px;
}
.attention-content .s-photo-list {
	padding: 10px 10px 0 10px;
	background-color: #f2f2f2;
	float: left;
	*padding-bottom: 10px;
}
.attention-content .photo-list-wrap {
	background:#fff url(../images/common/icon_arrow_top_gray.png) no-repeat  8px 0;
	padding-top: 8px;
	overflow: hidden;
	*padding-bottom: 10px;
	*zoom: 1;
}

.attention {
	padding-right: 140px;
	width: auto;
	background:#fff url(../images/common/attention_bg1.jpg) no-repeat 95% 0;
	_zoom: 1;
}

.attention-doing {
	background-image: url(../images/common/attention_bg2.jpg);
	background-position: 98%  0;
}

.attention .common-user-list .item {
	width: 32%;
}

.attention-btn {
	background: #fff url(../images/common/ico_attention.png) no-repeat left top; 
	display: inline-block;
	width: 16px;
	height: 16px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	overflow: hidden;
	text-indent: -9999em;
	text-decoration: none;
	vertical-align: middle;
	*vertical-align: top;
}

a.attention-btn:hover,
a.attention-btn:active,
a.attention-btn.has-attention{
	background-color: #fff;
	background-position: 0 -16px;
	border-bottom-color: #c4c8c7;
	border-right-color: #c4c8c7;
}

a.attention-link, 
a.attention-link:hover,
a.attention-link:active {
	color: #6B9F1F;
	background-color: #fff;
}

/* @end .attention-list */
/* @group #guest_upload */
#guest_upload .photo-info {
	background-color: #f2f2f2;
	padding: 5px 15px;
	margin-bottom: 10px;
}
#guest_upload .photo-info h4,
#guest_upload .photo-info h3{
	font-weight: bold;
	color: #000;
}
#guest_upload input.default,
#guest_upload input.textarea{
	color: #989898;
}
#guest_upload .photo-info input {
	width: 98%;
}
#guest_upload .photo-info textarea {
	width: 98%;
	background-color: #fff;
	border: 1px solid #7f9db9;
	padding: 1px 1px 1px 2px;
}
/* @end #guest_upload */