@charset "utf-8";
/* CSS Document */
#con_title{
	font-size:15px;
}
.content{
	margin:0 -10px;
	margin-bottom: 20px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.content li:hover .photo{
	border:#92519B 1px solid;
	background:url(../images/download/img_.png) center no-repeat;
}
.content li:hover .name{
	color: #92519B;
}
.content li{
	width:25%;
	list-style:none;
	display:inline-block;
	margin:0 -2px;
	margin-bottom:65px;
}
.content li .list{
	padding:0 10px;
	position: relative;
}
.content li .list:after{
	content:'';
	display:block;
	clear: both;
}
.content li .photo{
	margin:0 2px;
	width:100%;
	border:#FFF 1px solid;
	text-align: center;
	position: relative;
	margin-bottom:10px;
	background:url(../images/download/img.png) center no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
}
.content li .photo img{
	max-width:100%;
	height:auto !important;
	opacity:0;
}
.content li .name{
	font-size: 15px;
	color:#525252;
	line-height:1;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
@media (max-width: 800px) {
.content li{
	width:33.333333333333333333333333%;
}
}
@media (max-width: 450px) {
.content li{
	width:50%;
}
}