/* CSS Document */


.container
{
	margin-top:300px;
width:960px;
height:450px;
margin:60px auto;
position:relative;}
.pic{
width:160px;}
.container img{
padding:10px 10px 15px;
background: white;
border:1px solid #ddd;
box-shadow:2px 2px 3px rgba(50,50,50,0.4);
transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
position:absolute;
z-index:1;
}
.container img:hover{
box-shadow:15px 15px 20px rgba(50,50,50,0.4);
transform:rotate(0deg) scale(1.30);
-webkit-transform:rotate(0deg) scale(1.30);
-ms-transform:rotate(0deg) scale(1.30);
z-index:2;}
.pic1{
left:0px;
top:0;
transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
}
.pic2{
left:180px;
top:0;
transform:rotate(-20deg);
-webkit-transform:rotate(-20deg);
-ms-transform:rotate(-20deg);
}
.pic3{
left:360px;
top:0;
transform:rotate(5deg);
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
}
.pic4{
left:540px;
top:0;
transform:rotate(-10deg);
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
}
.pic5{
left:720px;
top:0;
transform:rotate(10deg);
-webkit-transform:rotate(10deg);
-ms-transform:rotate(10deg);
}
.pic6{
left:0px;
top:250px;
transform:rotate(10deg);
-webkit-transform:rotate(10deg);
-ms-transform:rotate(10deg);
}
.pic7{
left:180px;
top:250px;
transform:rotate(20deg);
-webkit-transform:rotate(20deg);
-ms-transform:rotate(20deg);
}
.pic8{
left:360px;
top:250px;
transform:rotate(5deg);
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
}
.pic9{
left:540px;
top:250px;
transform:rotate(15deg);
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
}