@charset "utf-8";
/* CSS Document */
	
a img{
	border:none;}
	
a{
    text-decoration:none;}

#photo, #photo2 {
	/*position: relative;*/
	width: 100%;
	/*height:480px;*/
	background-color:#FFF;
	overflow: hidden;
}
#photo img, #photo2 img {
	display: block;
}
#photo .content, #photo2 .content {
	clear: both;
	/*height: 260px;*/
	overflow: hidden;
}
#photo .content .box, #photo2 .content .box {
	/*position: relative;*/	
	width: 188px;
	float: left;
}
#photo .content .side, #photo2 .content .side {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	width: 93px;
}
#photo .content .side li.first, #photo2 .content .side li.first {
	zoom:1;
	padding: 0 0 3px;
	*padding: 0;
}
#photo .box img, #photo2 .box img {
	/*position: absolute;*/
	top: 0;
}
#photo .box h3, #photo2 .box h3 {
	margin: 0;
	/*position: absolute;*/
	top: 102px;
	width: 480px;
	color: #fff;
	padding: 8px 0;
	height: 22px;
	text-align: center;
	z-index: 1000;
	overflow: hidden;
}
#photo .box .mask, #photo2 .box .mask {
	/*position: absolute;*/
	background: #000;
	top: 102px;
	height: 38px;
	width: 480px;
	z-index: 999;
}
#photo .list, #photo2 .list {
	clear: both;
	margin: 0;
	padding-left:0px;
	list-style: none;
	width: 100%;
}
#photo .list li, #photo2 .list li {
	float: left;
	width: 20%;
}
#photo .list .last, #photo2 .list .last {
	padding: 0 0 0 1px;
}
#photo .box img, #photo2 .box img {
	width: 480px;
	height: 480px;

}
#photo .side img, #photo .list img, #photo2 .side img, #photo2 .list img {
	margin-top:10px;
	width:calc(100% - 10px);
	border:1px solid #ccc;
}