.container,.container ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	display: block;
}
.container ul li{
	width: 33.33%;
	float: left;
	height: auto;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.container ul li img{
	width: 100%;
	height: auto;
	display: inline-block;
	float: left;
	cursor: pointer;
	position: relative;
}
.p-so-a{
	width: 100%;
	height: 100%;
	position: absolute;
	/*background: url(../images/p-so-a.png) no-repeat center center rgba(153, 153, 153, 0.53);  放大镜效果*/
	cursor: pointer;
	display: none;
}
.p-so-a p{
	right: 35px;
	bottom: 25px;
	position: absolute;
	font-size: 24px;
	color: #fff;
}
/*弹出*/
#alert{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	display: none;
	background: rgba(0, 0, 0, 0.7);
	left: -28px;
	padding-right: 28px;
	z-index:999;
}
#alert .btn-left,#alert .btn-right{width:44px;height:60px;display:block;position:absolute;top:50%;margin:-30px 0 0;}
#alert .btn-left{background:url(../images/dot-1.gif);left:80px;}
#alert .btn-right{background:url(../images/dot-2.gif);right:80px;}
#alert .img{text-align:center;}
#alert .img span{height:100%;display:inline-block;vertical-align:middle;}
#alert .img img{max-width:100%;vertical-align:middle;margin:50px auto;}
#alert .alert-btn{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 27px;
	height: 27px;
	background: url(../images/XX.png) no-repeat center center;
	display: block;
	z-index: 999;
}
@media screen and (min-width:1000px){
	.wookmark-initialised li img{transition: 0.6s all;-webkit-transition: 0.6s all;}
	.wookmark-initialised li:hover img{transform: scale(1.02,1.02) ;-webkit-transform: scale(1.02,1.02) ;transition-duration: 0.6s all;-webkit-transition-duration: 0.6s all;}
}
/*wapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwapwap*/
@media screen and (max-width:1000px){
	.container ul li{
		width: 50%;
	}
	#alert{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		display: none;
		background: rgba(0, 0, 0, 0.3);
		left: -28px;
		padding-right: 28px;
	}
	#alert .img{
		width: 50%;
		left: 50%;
		top: 50%;
		position: relative;
		margin-top: -25%;
		margin-left: -25%;
		display: block;
	}
	#alert .alert-btn{
		position: absolute;
		right: -1px;
		top: -27px;
		width: 27px;
		height: 27px;
		background: url(../images/XX.png) no-repeat center center;
		display: block;
		z-index: 999;
	}

}
@media screen and (max-width:750px){
	.container ul li{
		width: 100%;
	}
	#alert{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		display: none;
		background: rgba(0, 0, 0, 0.3);
		left: -1%;
		padding-right: 1%;
	}
	#alert .img{
		width: 70%;
		left: 50%;
		top: 50%;
		position: relative;
		margin-top: -35%;
		margin-left: -35%;
		display: block;
	}
	#alert .alert-btn{
		position: absolute;
		right: -1px;
		top: -27px;
		width: 27px;
		height: 27px;
		background: url(../images/XX.png) no-repeat center center;
		display: block;
		z-index: 999;
	}
}
@media screen and (max-width:640px){
	#container{height:auto !important;}
	.container ul li{left:0 !important;position:static !important;}
	.container ul li img,.container ul li{width:100% !important;}
}