.accordion{
    
	width: 100%;
	height: 240px;
}

.gallery_item
{   
    padding:30px 0;
	float: left;
	overflow: hidden;
	vertical-align: top;
	margin-left: 40px;
	-webkit-transition: width 500ms;
	-moz-transition: width 500ms;
	-o-transition: width 500ms;
	transition: width 500ms;
	-webkit-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
	-moz-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
	-ms-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
	transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
}

.accordion ul li{
	background-repeat: no-repeat;
	float: left;
	width: 170px;
	height: 240px;
	cursor: default;
	border-left:#FFFFFF 3px solid;
}
.accordion ul li.active{
	width: 640px;
}
.accordion ul .item1{
	background-image: url(./pic1.jpg);
}
.accordion ul li a{
	display: block;
	width: 170px;
	height: 240px;
	cursor: default;
}
.accordion ul .item1 a{
	background-image: url(./pics1.jpg);
}
.accordion ul .item2 a{
	background-image: url(./pics2.jpg);
}
.accordion ul .item3 a{
	background-image: url(./pics3.jpg);
}
.accordion ul .item4 a{
	background-image: url(./pics4.jpg);
}
.accordion ul .item5 a{
	background-image: url(./ipics5.jpg);
}