@charset "UTF-8";

.photo_wall{
	position: relative;
	width: 1200px;
	height: 700px;
	margin: auto;
	overflow: hidden;
}
.photo_wall img{
	width: 250px;
	border: 1px solid #ddd;
    padding: 10px;
    position: absolute;
    background: #fff;
    z-index: 1;
    cursor: pointer;
    /*过渡动画*/
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}
.photo_wall img:hover{
	z-index: 2; 
}
.photo_wall img:nth-child(1){
    top: 60px;
    left: 0px;
    transform: rotate(-15deg);
}

.photo_wall img:nth-child(2) {
    top:10px;
    left: 300px;
    transform: rotate(10deg);
}

.photo_wall img:nth-child(3) {
    top: 55px;
    left: 550px;
    transform: rotate(-10deg);
}

.photo_wall img:nth-child(4) {
    top: 10px;
    right: 30px;
    transform: rotate(-20deg);
}

.photo_wall img:nth-child(5) {
    top: 240px;
    left: 20px;
    transform: rotate(-30deg);
}

.photo_wall img:nth-child(6) {
    top: 210px;
    left: 300px;
    transform: rotate(20deg);
}

.photo_wall img:nth-child(7) {
    top: 200px;
    left: 640px;
    transform: rotate(-20deg);
}

.photo_wall img:nth-child(8) {
    top: 250px;
    right: 50px;
    transform: rotate(-10deg);
}

.photo_wall img:nth-child(9) {
    top: 460px;
    left: 0px;
    transform: rotate(15deg);
}

.photo_wall img:nth-child(10) {
    top: 410px;
    left: 330px;
    transform: rotate(-10deg);
}

.photo_wall img:nth-child(11) {
    top: 350px;
    left: 600px;
    transform: rotate(20deg);
}