.business {
 float:left;	margin-top:20px;
}
.business .box {
	position:relative;
	margin-top:-55px;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.business .box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.business.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.business .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:320px;
	height:31px;
	background:url(../images/words.png) no-repeat 0px -294px;
}
.business .box .caption span {
	font-size:24px;
	letter-spacing:3px;
}
.business .box ul.items {
	margin:0 auto;
	margin-top:60px;
}
.business .box ul.items li {
	width:200px;
	height:310px;
	margin:0 22px;
	
	overflow:hidden;
}

.business .box ul.items li.one{background:url(../images/set_one_ick.png) no-repeat 0px 400px;}
.business .box ul.items li.two{background:url(../images/set_two_ick.png) no-repeat 0px 400px;}
.business .box ul.items li.three{background:url(../images/set_three_ick.png) no-repeat 0px 400px;}
.business .box ul.items li.four{background:url(../images/set_four_ick.png) no-repeat 0px 400px;}

.business .box ul.items li i {
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:33px;
	height:78px;
}
.business .box ul.items li.one i {
	width:90px;
	background:url(../images/set_one_ic.png) no-repeat;
}
.business .box ul.items li.two i {
	width:82px;
	background:url(../images/set_two_ic.png) no-repeat;
}
.business .box ul.items li.three i {
	width:93px;
	background:url(../images/set_three_ic.png) no-repeat;
}
.business .box ul.items li.four i {
	width:71px;
	background:url(../images/set_four_ic.png) no-repeat;
}
.business .box ul.items li.host i {
	width:71px;
	background:url(../images/words.png) no-repeat -420px -439px;
}


.business .box ul.items li.one u,.business .box ul.items li.two u,.business .box ul.items li.three u,.business .box ul.items li.four u{
	display:block;
	position:absolute;
	width:156px;
	height:156px;
	margin-left:16px;

	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;	
	
	}

.business .box ul.items li.one u{background:url(../images/set_one_ics.png) no-repeat;}
.business .box ul.items li.two u{background:url(../images/set_two_ics.png) no-repeat;}
.business .box ul.items li.three u{background:url(../images/set_three_ics.png) no-repeat;}
.business .box ul.items li.four u{background:url(../images/set_four_ics.png) no-repeat;}

/*.business .box ul.items li u {
	display:block;
	position:absolute;
	width:156px;
	height:156px;
	margin-left:22px;
	background:url(../images/words.png) no-repeat 0px -363px;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}*/
.business .box ul.items li u.cl {
	clip:rect(0px,156px,-10px,78px);
}
.business.active .box ul.items li u.cl {
	clip:rect(0px,156px,156px,78px);
}
.business .box ul.items li u.cr {
	clip:rect(156px,78px,156px,0px);
}
.business.active .box ul.items li u.cr {
	clip:rect(0px,78px,156px,0px);
}
.business .box ul.items li strong {
	display:block;
	margin-top:50px;
	font-size:20px;
	font-weight:normal;
	text-align:center;
}

.business .box ul.items li:hover p{ color:#fff}
.business .box ul.items li p {
	/*position:relative;*/
	margin-top:20px;
	top:200px;
	color:#999;
	
	font-size:12px;
	line-height:20px;
	text-align:left;
}
.business .box ul.items li:hover {
	background-position:0px 0px;
	-webkit-transition:all .5s ease-in-out .3s;
	-moz-transition:all .5s ease-in-out .3s;
	-ms-transition:all .5s ease-in-out .3s;
	-o-transition:all .5s ease-in-out .3s;
	transition:all .5s ease-in-out .3s;
}
.business .box ul.items li:hover i {
	-webkit-transition:all .5s ease-in-out .4s;
	-moz-transition:all .5s ease-in-out .4s;
	-ms-transition:all .5s ease-in-out .4s;
	-o-transition:all .5s ease-in-out .4s;
	transition:all .5s ease-in-out .4s;
}
.business .box ul.items li.one:hover i {
	background:url(../images/set_one_ici.png) no-repeat;
}
.business .box ul.items li.two:hover i {
	background:url(../images/set_two_ici.png) no-repeat;
}
.business .box ul.items li.three:hover i {
	background:url(../images/set_three_ici.png) no-repeat;
}
.business .box ul.items li.four:hover i {
	background:url(../images/set_four_ici.png) no-repeat;
}
.business .box ul.items li.host:hover i {
	background:url(../images/words.png) no-repeat;
}
.business .box ul.items li:hover u.cl {
	clip:rect(0px,156px,-10px,78px);
}
.business .box ul.items li:hover u.cr {
	clip:rect(156px,78px,156px,0px);
}
.business .box ul.items li:hover strong {
	color:White;
	-webkit-transition-delay:.4s;
	-moz-transition-delay:.4s;
	-ms-transition-delay:.4s;
	-o-transition-delay:.4s;
	transition-delay:.4s;
}
.business .box ul.items li:hover p {
	top:20px;
	-webkit-transition:all .3s ease-in-out .5s;
	-moz-transition:all .3s ease-in-out .5s;
	-ms-transition:all .3s ease-in-out .5s;
	-o-transition:all .3s ease-in-out .5s;
	transition:all .3s ease-in-out .5s;
}
.business .box label {
	display:block;
	margin:0 auto;
	margin-top:-40px;
	width:297px;
	height:21px;
	background:url(../images/words.png) no-repeat 0px -333px;
}