* {

	margin: 0;

	padding: 0;

	border: none;

	zoom: 1;

}

ul li {

	list-style: none;

}

.box {
    top:50%;
    width: 50px;
    height: 154px;
    border: 1px solid #ccc;
    margin-left: 88%;
    /*margin-top: -50%;
    position: relative;*/
    right: 0;
    position: absolute;
}

.box ul li {
	width: 48px;
	display: block;
	height: 50px;
	padding: 2px;
	overflow: hidden
}

.weixin {
	background: url(elevator.png) no-repeat;
	background-position: 0 86%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}

.weixin:hover {
	background-position: 0 92.4%
}

.weixin:hover .weixin-logo {
	width: 170px;
	height: 204px;
}

.idea {
	background: url(elevator.png) no-repeat;
	background-position: 0 43%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}

.app {

	background: url(elevator.png) no-repeat;
	background-position: 0 67.2%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}

.app:hover {
	background-position: 0 73.5%;
}
.idea:hover {
	background-position: 0 49%;
}
.idea:hover .idea-logo {
	width: 170px;
	height: 185px;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);

}
.app:hover .app-logo {
	width: 170px;
	height: 185px;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);

}

.weixin-logo {
	background: url(elevator.png) no-repeat;
	background-position: 0 26%;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	top: -18px;
	left: -171px;
	/*
	top: -154px;
	left: -171px
	*/
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.idea-logo {
	background: url(elevator.png) no-repeat;
	background-position: 0 0.6%;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	top: -18px;
	left: -171px;
/*	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;*/
}
.app-logo {
	background: url(elevator.png) no-repeat;
	background-position: 0 26%;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	top: -18px;
	left: -171px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}