#container {
	top:130px;
	margin: 0 auto;
	padding: 10px;
}

.item {
	padding: 2px;
	overflow: hidden;
	box-sizing: border-box;

}

.item img {
    display: block;
    width: 100%;
    height: auto;
}

.item  {
  width: 170px;
 margin: 1px
}
.item.w2 {
  width: 340px;
}
.item.w3 {
  width: 520px;
}


#container,item {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
#container {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -ms-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}
item {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -ms-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}