body {
	 background:#DFDFDF;
}
.box{width:100%;margin:0 auto;}

.content{width:960px;margin:0 auto;}
.content li{ list-style:none;float:left; padding:20px 1%; text-align:center;}
.content a img { width: 280px; height: 160px; position: relative; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; display: block;}
.content a .figcaption:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);}
.content a:hover img { transform: scale(1.1, 1.1);  -webkit-transform: scale3d(1.1,1.1); transition: .8s transform; -webkit-transition: .8s transform;}
.content a:hover .figcaption:before{-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0); }

.fl{float:left;}
.fr{float:right;}
.img-responsive {
	max-width: 100%;
	height: auto;
}
.cler{ clear:both;}
.copy {line-height:2em;width:100%;margin:0 auto; background:#B9B4B4;;color:#ffffff; text-align:center;}