@charset "utf-8";
/* CSS Document */


#index {width:1000px; border-left:8px solid #FFF; border-right:8px solid #FFF; margin:auto; overflow:hidden;}

h1 {display:none;}

#nav_album {border-bottom:2px solid #ff6699;}

#cover {margin-top:8px; width:100%; height:563px; overflow:hidden; position:relative;}

#cover img {width:100%; margin:auto; display:table-cell; margin-top:-10%; position:absolute; top:0; left:0; }

#title {width:100%; margin-top:48px; text-align:center;}

#info {margin-top:24px; text-align:center;}

#info span {padding-left:4px; padding-right:4px;}

#info a {font-size:14px;}

#detail { text-align:center; width:80%; background:#FFF; margin:auto; line-height:24px; margin-top:20px; text-align:center;}

#photo_title {margin-top:48px; border-left:4px solid #ff6699; position:relative; background:#FFF; height:16px;}

#photo_nav {position:absolute; right:0; width:158px; text-align:center; background:#FFF; padding-top:16px; padding-bottom:16px; padding-top:52px;}

#photo_nav img {height:12px; width:6px;}

#photo {margin-top:36px; background:#FFF; overflow:hidden;}

#image {width:84%; overflow:hidden;}

.photo {background:#FFF; overflow:hidden; width:100%; margin-bottom:48px;}

.image {width:auto; height:auto; text-align:center;}

.image .img_h {width:66.6%;}

.image .img_w {width:100%;}


.photo .photo_info {
	text-align:right;
	margin-top:24px;
	}

.photo .photo_info input[type=button] {
	border:1px solid #dedede;
	background:none;
	color:#999;
	padding:4px 8px 4px 8px;
	border-radius:2px 2px 2px 2px;
}

.photo .photo_info input[type=button]:hover {
	border:1px solid #ff6699;
	background:#ff6699;
	color:#FFF;
	cursor:pointer;
	-webkit-transition: all .2s; 
	-moz-transition: all .2s; 
	-ms-transition: all .2s; 
	-o-transition: all .2s; 
	transition: all .2s;
}

#review_title {
	margin-top:48px;
	border-left:4px solid #ff6699;
}

#review {width:84%; margin-top:8px; margin-bottom:8%; overflow:hidden; background:#FFF;  margin-bottom:64px;}

.review_now {display:none;}

.review_list:hover .review_now {display:inline;}

.reply_now {display:none;}

.reply_reply_list:hover .reply_now {display:inline;}

#review_all {width:100%; background:#FFF; margin-bottom:32px;}

.review_list {width:84%; margin:auto; margin-top:16px; background:#FFF; overflow:hidden;}

.review_reply img {width:16px; height:8px; margin-left:8px;}

.review_reply_form { display:none;}

.review_reply_form_input {background:#f1f1f1;}

.review_reply_input {width:256px; height:24px; padding:8px; border:0px; margin:8px;}

.review_reply_save {}

.review_reply_cancel {}

.review_reply {width:84%; margin:auto; background:#FFF; margin-top:0px; overflow:hidden;}

.review_reply_list {padding:8px;}

.reply_reply_list { padding:8px; background:#f1f1f1;}

.reply_reply_from {margin-top:4px; display:none;}

.reply_reply_input {width:256px; height:24px; padding:8px; border:0px; margin-right:8px;}

.reply_reply_save {}

.reply_reply_cancel {}

#review #review_form {width:84%; margin:auto; overflow:hidden;}

#review #review_form textarea {width:99%; height:128px; border:1px solid #dedede; margin:auto; resize:none;}

#review #review_form input[type=submit] {
	width:128px;
	height:32px;
	background:none;
	border:1px solid #dedede;
	color:#999;
	margin-top:16px;
	margin-left:388px;
	float:right;
	margin-right:4px;
}

#review #review_form input[type=submit]:hover {
	color:#fff;
	background:#ff6699;
	border:1px solid #ff6699;
	cursor:pointer;
	-webkit-transition: all .2s; 
	-moz-transition: all .2s; 
	-ms-transition: all .2s; 
	-o-transition: all .2s; 
	transition: all .2s;
}

@media screen and (min-width: 1680px) {

	#index {width:1200px;}
	
	#cover {height:675px;}

}