div{padding:0;margin:0;}

/*css3实现照片墙的样式*/
.container{height:180px;margin:0px auto;position:relative;}
.container img{position:absolute;padding:1px 1px 1px;background:#fff;border:1px solid #ddd;-webkit-transition:1s ;-moz-transition:1s ;transition:1s ;z-index:1;}
.container img:hover{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:5px 5px 5px #ddd;-moz-box-shadow:5px 5px 5px #ddd;box-shadow:5px 5px 5px #ddd;z-index:2;cursor:pointer;}

.pic1{width:110px; height:70px;top:0px;left:120px;-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);transform:rotate(-5deg);}
.pic2{width:110px; height:70px;top:0px;left:200px;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);transform:rotate(-20deg);}


.pic3{width:70px; height:100px;top:60px;left:270px;-webkit-transform:rotate(-15deg);-moz-transform:rotate(15deg);transform:rotate(-15deg);}


.pic4{width:110px; height:70px;bottom:25px;left:100px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg);}

.pic5{width:70px; height:100px;bottom:20px;left:0px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg);}

.pic6{width:110px; height:70px;top:0px;left:0px;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg);}

.pic7{width:70px; height:100px;top:0;left:260px;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);transform:rotate(20deg);}


.pic8{width:110px; height:70px;bottom:20px;left:23px;-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);transform:rotate(5deg);}

.pic9{width:70px; height:100px;top:60px;left:190px;-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);transform:rotate(15deg);}

.pic10{width:110px; height:70px;left:40px;top:20px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg);}
ate(-10deg);transform:rotate(-10deg);}