@charset "utf-8";
body{
	font-size:14px;
	font-family:"Microsoft Yahei","SimSun";
	color:#333;
	background-size: 100% 100%;
	transition: all 0.7s;
}

.fp-viewing-0{
	background-image:url(../images/bg1.jpg);
}

.fp-viewing-1{
	background-image:url(../images/bg2.jpg);
}

a,a:hover{
	color:#333;
}

img{
	display:block;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

#fp-nav{
	display:none;
}


@media (max-height: 670px) {
	.fp-tableCell { vertical-align:top; }
}

.box1{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 19%;
	height: 100%;
	background: url(../images/box1.png);
	background-size: 100% 100%;
}

@-ms-keyframes box1{
	from{ filter:alpha(opacity=0); opacity:0; left: -50%; }
	25%{ filter:alpha(opacity=0); opacity:0; left: -50%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes box1{
	from{ filter:alpha(opacity=0); opacity:0; left: -50%; }
	25%{ filter:alpha(opacity=0); opacity:0; left: -50%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes box1{
	from{ filter:alpha(opacity=0); opacity:0; left: -50%; }
	25%{ filter:alpha(opacity=0); opacity:0; left: -50%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes box1{
	from{ filter:alpha(opacity=0); opacity:0; left: -50%; }
	25%{ filter:alpha(opacity=0); opacity:0; left: -50%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes box1{
	from{ filter:alpha(opacity=0); opacity:0; left: -50%; }
	25%{ filter:alpha(opacity=0); opacity:0; left: -50%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

.box1{
	animation:'box1' 0.6s ease-out 0s normal;
	-ms-animation:box1 0.6s ease-out 0s normal;
	-moz-animation:box1 0.6s ease-out 0s normal;
	-o-animation:'box1' 0.6s ease-out 0s normal;
	-webkit-animation:'box1' 0.6s ease-out 0s normal;
}

.box2{
	position: absolute;
	right: 0%;
	top: 0%;
	width: 56%;
	height: 100%;
	background: url(../images/box2.png);
	background-size: 100% 100%;
}

@-ms-keyframes box2{
	from{ filter:alpha(opacity=0); opacity:0; right: -50%; }
	60%{ filter:alpha(opacity=0); opacity:0; right: -50%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes box2{
	from{ filter:alpha(opacity=0); opacity:0; right: -50%; }
	60%{ filter:alpha(opacity=0); opacity:0; right: -50%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes box2{
	from{ filter:alpha(opacity=0); opacity:0; right: -50%; }
	60%{ filter:alpha(opacity=0); opacity:0; right: -50%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes box2{
	from{ filter:alpha(opacity=0); opacity:0; right: -50%; }
	60%{ filter:alpha(opacity=0); opacity:0; right: -50%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes box2{
	from{ filter:alpha(opacity=0); opacity:0; right: -50%; }
	60%{ filter:alpha(opacity=0); opacity:0; right: -50%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

.box2{
	animation:'box2' 0.9s ease-out 0s normal;
	-ms-animation:box2 0.9s ease-out 0s normal;
	-moz-animation:box2 0.9s ease-out 0s normal;
	-o-animation:'box2' 0.9s ease-out 0s normal;
	-webkit-animation:'box2' 0.9s ease-out 0s normal;
}

.box2 .topic{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.box2 table img{
	max-height: 100%;
	max-width: 100%;
	width: 100%\9;
}

.box2 .topic1m,.box2 .topic2m,.box2 .topic3m{
	filter:alpha(opacity=0);
	opacity:0;
}

@-ms-keyframes topic1{
	from{ filter:alpha(opacity=100); opacity:1; }
	35%{ filter:alpha(opacity=100); opacity:1; }
	35.83%{ filter:alpha(opacity=0); opacity:0; }
	36.67%{ filter:alpha(opacity=100); opacity:1; }
	37.5%{ filter:alpha(opacity=0); opacity:0; }
	38.33%{ filter:alpha(opacity=100); opacity:1; }
	85%{ filter:alpha(opacity=100); opacity:1; }
	85.83%{ filter:alpha(opacity=0); opacity:0; }
	86.67%{ filter:alpha(opacity=100); opacity:1; }
	87.5%{ filter:alpha(opacity=0); opacity:0; }
	88.33%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes topic1{
	from{ filter:alpha(opacity=100); opacity:1; }
	35%{ filter:alpha(opacity=100); opacity:1; }
	35.83%{ filter:alpha(opacity=0); opacity:0; }
	36.67%{ filter:alpha(opacity=100); opacity:1; }
	37.5%{ filter:alpha(opacity=0); opacity:0; }
	38.33%{ filter:alpha(opacity=100); opacity:1; }
	85%{ filter:alpha(opacity=100); opacity:1; }
	85.83%{ filter:alpha(opacity=0); opacity:0; }
	86.67%{ filter:alpha(opacity=100); opacity:1; }
	87.5%{ filter:alpha(opacity=0); opacity:0; }
	88.33%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes topic1{
	from{ filter:alpha(opacity=100); opacity:1; }
	35%{ filter:alpha(opacity=100); opacity:1; }
	35.83%{ filter:alpha(opacity=0); opacity:0; }
	36.67%{ filter:alpha(opacity=100); opacity:1; }
	37.5%{ filter:alpha(opacity=0); opacity:0; }
	38.33%{ filter:alpha(opacity=100); opacity:1; }
	85%{ filter:alpha(opacity=100); opacity:1; }
	85.83%{ filter:alpha(opacity=0); opacity:0; }
	86.67%{ filter:alpha(opacity=100); opacity:1; }
	87.5%{ filter:alpha(opacity=0); opacity:0; }
	88.33%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes topic1{
	from{ filter:alpha(opacity=100); opacity:1; }
	35%{ filter:alpha(opacity=100); opacity:1; }
	35.83%{ filter:alpha(opacity=0); opacity:0; }
	36.67%{ filter:alpha(opacity=100); opacity:1; }
	37.5%{ filter:alpha(opacity=0); opacity:0; }
	38.33%{ filter:alpha(opacity=100); opacity:1; }
	85%{ filter:alpha(opacity=100); opacity:1; }
	85.83%{ filter:alpha(opacity=0); opacity:0; }
	86.67%{ filter:alpha(opacity=100); opacity:1; }
	87.5%{ filter:alpha(opacity=0); opacity:0; }
	88.33%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes topic1{
	from{ filter:alpha(opacity=100); opacity:1; }
	35%{ filter:alpha(opacity=100); opacity:1; }
	35.83%{ filter:alpha(opacity=0); opacity:0; }
	36.67%{ filter:alpha(opacity=100); opacity:1; }
	37.5%{ filter:alpha(opacity=0); opacity:0; }
	38.33%{ filter:alpha(opacity=100); opacity:1; }
	85%{ filter:alpha(opacity=100); opacity:1; }
	85.83%{ filter:alpha(opacity=0); opacity:0; }
	86.67%{ filter:alpha(opacity=100); opacity:1; }
	87.5%{ filter:alpha(opacity=0); opacity:0; }
	88.33%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

.box2 .topic1{
	animation:'topic1' 12s linear -2s infinite;
	-ms-animation:topic1 12s linear -2s infinite;
	-moz-animation:topic1 12s linear -2s infinite;
	-o-animation:'topic1' 12s linear -2s infinite;
	-webkit-animation:'topic1' 12s linear -2s infinite;
}

@-ms-keyframes topic2{
	from{ filter:alpha(opacity=100); opacity:1; }
	46.67%{ filter:alpha(opacity=100); opacity:1; }
	47.5%{ filter:alpha(opacity=0); opacity:0; }
	48.33%{ filter:alpha(opacity=100); opacity:1; }
	49.17%{ filter:alpha(opacity=0); opacity:0; }
	50%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes topic2{
	from{ filter:alpha(opacity=100); opacity:1; }
	46.67%{ filter:alpha(opacity=100); opacity:1; }
	47.5%{ filter:alpha(opacity=0); opacity:0; }
	48.33%{ filter:alpha(opacity=100); opacity:1; }
	49.17%{ filter:alpha(opacity=0); opacity:0; }
	50%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes topic2{
	from{ filter:alpha(opacity=100); opacity:1; }
	46.67%{ filter:alpha(opacity=100); opacity:1; }
	47.5%{ filter:alpha(opacity=0); opacity:0; }
	48.33%{ filter:alpha(opacity=100); opacity:1; }
	49.17%{ filter:alpha(opacity=0); opacity:0; }
	50%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes topic2{
	from{ filter:alpha(opacity=100); opacity:1; }
	46.67%{ filter:alpha(opacity=100); opacity:1; }
	47.5%{ filter:alpha(opacity=0); opacity:0; }
	48.33%{ filter:alpha(opacity=100); opacity:1; }
	49.17%{ filter:alpha(opacity=0); opacity:0; }
	50%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes topic2{
	from{ filter:alpha(opacity=100); opacity:1; }
	46.67%{ filter:alpha(opacity=100); opacity:1; }
	47.5%{ filter:alpha(opacity=0); opacity:0; }
	48.33%{ filter:alpha(opacity=100); opacity:1; }
	49.17%{ filter:alpha(opacity=0); opacity:0; }
	50%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

.box2 .topic2{
	animation:'topic2' 12s linear -2s infinite;
	-ms-animation:topic2 12s linear -2s infinite;
	-moz-animation:topic2 12s linear -2s infinite;
	-o-animation:'topic2' 12s linear -2s infinite;
	-webkit-animation:'topic2' 12s linear -2s infinite;
}

@-ms-keyframes topic3{
	from{ filter:alpha(opacity=100); opacity:1; }
	96.67%{ filter:alpha(opacity=100); opacity:1; }
	97.5%{ filter:alpha(opacity=0); opacity:0; }
	98.33%{ filter:alpha(opacity=100); opacity:1; }
	99.17%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes topic3{
	from{ filter:alpha(opacity=100); opacity:1; }
	96.67%{ filter:alpha(opacity=100); opacity:1; }
	97.5%{ filter:alpha(opacity=0); opacity:0; }
	98.33%{ filter:alpha(opacity=100); opacity:1; }
	99.17%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes topic3{
	from{ filter:alpha(opacity=100); opacity:1; }
	96.67%{ filter:alpha(opacity=100); opacity:1; }
	97.5%{ filter:alpha(opacity=0); opacity:0; }
	98.33%{ filter:alpha(opacity=100); opacity:1; }
	99.17%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes topic3{
	from{ filter:alpha(opacity=100); opacity:1; }
	96.67%{ filter:alpha(opacity=100); opacity:1; }
	97.5%{ filter:alpha(opacity=0); opacity:0; }
	98.33%{ filter:alpha(opacity=100); opacity:1; }
	99.17%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes topic3{
	from{ filter:alpha(opacity=100); opacity:1; }
	96.67%{ filter:alpha(opacity=100); opacity:1; }
	97.5%{ filter:alpha(opacity=0); opacity:0; }
	98.33%{ filter:alpha(opacity=100); opacity:1; }
	99.17%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

.box2 .topic3{
	animation:'topic3' 12s linear -2s infinite;
	-ms-animation:topic3 12s linear -2s infinite;
	-moz-animation:topic3 12s linear -2s infinite;
	-o-animation:'topic3' 12s linear -2s infinite;
	-webkit-animation:'topic3' 12s linear -2s infinite;
}

@-ms-keyframes topic1m{
	from{ filter:alpha(opacity=0); opacity:0; }
	35%{ filter:alpha(opacity=0); opacity:0; }
	35.83%{ filter:alpha(opacity=100); opacity:1; }
	36.67%{ filter:alpha(opacity=0); opacity:0; }
	37.5%{ filter:alpha(opacity=100); opacity:1; }
	38.33%{ filter:alpha(opacity=0); opacity:0; }
	85%{ filter:alpha(opacity=0); opacity:0; }
	85.83%{ filter:alpha(opacity=1); opacity:1; }
	86.67%{ filter:alpha(opacity=0); opacity:0; }
	87.5%{ filter:alpha(opacity=100); opacity:1; }
	88.33%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@-moz-keyframes topic1m{
	from{ filter:alpha(opacity=0); opacity:0; }
	35%{ filter:alpha(opacity=0); opacity:0; }
	35.83%{ filter:alpha(opacity=100); opacity:1; }
	36.67%{ filter:alpha(opacity=0); opacity:0; }
	37.5%{ filter:alpha(opacity=100); opacity:1; }
	38.33%{ filter:alpha(opacity=0); opacity:0; }
	85%{ filter:alpha(opacity=0); opacity:0; }
	85.83%{ filter:alpha(opacity=1); opacity:1; }
	86.67%{ filter:alpha(opacity=0); opacity:0; }
	87.5%{ filter:alpha(opacity=100); opacity:1; }
	88.33%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@-o-keyframes topic1m{
	from{ filter:alpha(opacity=0); opacity:0; }
	35%{ filter:alpha(opacity=0); opacity:0; }
	35.83%{ filter:alpha(opacity=100); opacity:1; }
	36.67%{ filter:alpha(opacity=0); opacity:0; }
	37.5%{ filter:alpha(opacity=100); opacity:1; }
	38.33%{ filter:alpha(opacity=0); opacity:0; }
	85%{ filter:alpha(opacity=0); opacity:0; }
	85.83%{ filter:alpha(opacity=1); opacity:1; }
	86.67%{ filter:alpha(opacity=0); opacity:0; }
	87.5%{ filter:alpha(opacity=100); opacity:1; }
	88.33%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@-webkit-keyframes topic1m{
	from{ filter:alpha(opacity=0); opacity:0; }
	35%{ filter:alpha(opacity=0); opacity:0; }
	35.83%{ filter:alpha(opacity=100); opacity:1; }
	36.67%{ filter:alpha(opacity=0); opacity:0; }
	37.5%{ filter:alpha(opacity=100); opacity:1; }
	38.33%{ filter:alpha(opacity=0); opacity:0; }
	85%{ filter:alpha(opacity=0); opacity:0; }
	85.83%{ filter:alpha(opacity=1); opacity:1; }
	86.67%{ filter:alpha(opacity=0); opacity:0; }
	87.5%{ filter:alpha(opacity=100); opacity:1; }
	88.33%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@keyframes topic1m{
	from{ filter:alpha(opacity=0); opacity:0; }
	35%{ filter:alpha(opacity=0); opacity:0; }
	35.83%{ filter:alpha(opacity=100); opacity:1; }
	36.67%{ filter:alpha(opacity=0); opacity:0; }
	37.5%{ filter:alpha(opacity=100); opacity:1; }
	38.33%{ filter:alpha(opacity=0); opacity:0; }
	85%{ filter:alpha(opacity=0); opacity:0; }
	85.83%{ filter:alpha(opacity=1); opacity:1; }
	86.67%{ filter:alpha(opacity=0); opacity:0; }
	87.5%{ filter:alpha(opacity=100); opacity:1; }
	88.33%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=0); opacity:0; }
}

.box2 .topic1m{
	animation:'topic1m' 12s linear -2s infinite;
	-ms-animation:topic1m 12s linear -2s infinite;
	-moz-animation:topic1m 12s linear -2s infinite;
	-o-animation:'topic1m' 12s linear -2s infinite;
	-webkit-animation:'topic1m' 12s linear -2s infinite;
}

@-ms-keyframes topic2m{
	from{ filter:alpha(opacity=0); opacity:0; }
	46.67%{ filter:alpha(opacity=0); opacity:0; }
	47.5%{ filter:alpha(opacity=100); opacity:1; }
	48.33%{ filter:alpha(opacity=0); opacity:0; }
	49.17%{ filter:alpha(opacity=100); opacity:1; }
	50%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@-moz-keyframes topic2m{
	from{ filter:alpha(opacity=0); opacity:0; }
	46.67%{ filter:alpha(opacity=0); opacity:0; }
	47.5%{ filter:alpha(opacity=100); opacity:1; }
	48.33%{ filter:alpha(opacity=0); opacity:0; }
	49.17%{ filter:alpha(opacity=100); opacity:1; }
	50%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@-o-keyframes topic2m{
	from{ filter:alpha(opacity=0); opacity:0; }
	46.67%{ filter:alpha(opacity=0); opacity:0; }
	47.5%{ filter:alpha(opacity=100); opacity:1; }
	48.33%{ filter:alpha(opacity=0); opacity:0; }
	49.17%{ filter:alpha(opacity=100); opacity:1; }
	50%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@-webkit-keyframes topic2m{
	from{ filter:alpha(opacity=0); opacity:0; }
	46.67%{ filter:alpha(opacity=0); opacity:0; }
	47.5%{ filter:alpha(opacity=100); opacity:1; }
	48.33%{ filter:alpha(opacity=0); opacity:0; }
	49.17%{ filter:alpha(opacity=100); opacity:1; }
	50%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@keyframes topic2m{
	from{ filter:alpha(opacity=0); opacity:0; }
	46.67%{ filter:alpha(opacity=0); opacity:0; }
	47.5%{ filter:alpha(opacity=100); opacity:1; }
	48.33%{ filter:alpha(opacity=0); opacity:0; }
	49.17%{ filter:alpha(opacity=100); opacity:1; }
	50%{ filter:alpha(opacity=0); opacity:0; }
	to{ filter:alpha(opacity=0); opacity:0; }
}

.box2 .topic2m{
	animation:'topic2m' 12s linear -2s infinite;
	-ms-animation:topic2m 12s linear -2s infinite;
	-moz-animation:topic2m 12s linear -2s infinite;
	-o-animation:'topic2m' 12s linear -2s infinite;
	-webkit-animation:'topic2m' 12s linear -2s infinite;
}

@-ms-keyframes topic3m{
	from{ filter:alpha(opacity=0); opacity:0; }
	96.67%{ filter:alpha(opacity=0); opacity:0; }
	97.5%{ filter:alpha(opacity=100); opacity:1; }
	98.33%{ filter:alpha(opacity=0); opacity:0; }
	99.17%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@-moz-keyframes topic3m{
	from{ filter:alpha(opacity=0); opacity:0; }
	96.67%{ filter:alpha(opacity=0); opacity:0; }
	97.5%{ filter:alpha(opacity=100); opacity:1; }
	98.33%{ filter:alpha(opacity=0); opacity:0; }
	99.17%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@-o-keyframes topic3m{
	from{ filter:alpha(opacity=0); opacity:0; }
	96.67%{ filter:alpha(opacity=0); opacity:0; }
	97.5%{ filter:alpha(opacity=100); opacity:1; }
	98.33%{ filter:alpha(opacity=0); opacity:0; }
	99.17%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@-webkit-keyframes topic3m{
	from{ filter:alpha(opacity=0); opacity:0; }
	96.67%{ filter:alpha(opacity=0); opacity:0; }
	97.5%{ filter:alpha(opacity=100); opacity:1; }
	98.33%{ filter:alpha(opacity=0); opacity:0; }
	99.17%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=0); opacity:0; }
}
@keyframes topic3m{
	from{ filter:alpha(opacity=0); opacity:0; }
	96.67%{ filter:alpha(opacity=0); opacity:0; }
	97.5%{ filter:alpha(opacity=100); opacity:1; }
	98.33%{ filter:alpha(opacity=0); opacity:0; }
	99.17%{ filter:alpha(opacity=100); opacity:1; }
	to{ filter:alpha(opacity=0); opacity:0; }
}

.box2 .topic3m{
	animation:'topic3m' 12s linear -2s infinite;
	-ms-animation:topic3m 12s linear -2s infinite;
	-moz-animation:topic3m 12s linear -2s infinite;
	-o-animation:'topic3m' 12s linear -2s infinite;
	-webkit-animation:'topic3m' 12s linear -2s infinite;
}

.box3{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 17.5%;
	height: 100%;
	background: url(../images/box3.png);
	background-size: 100% 100%;
}

.box3 .tab1,.box3 .tab2{
	position: absolute;
	left: 10.4%;
	width: 64.3%;
	height: 41.4%;
	background-position: center center;
	background-size: cover;
	cursor: pointer;
}

.box3 .tab1{
	top: 3.9%;
}

.box3 .tab2{
	bottom: 3.9%;
}

.box3 table{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.box3 table img{
	max-height: 100%;
	max-width: 100%;
	width: 100%\9;
}

.box3 .red{
	filter:alpha(opacity=0);
	opacity:0;
}

.box3 .on .black{
	filter:alpha(opacity=0);
	opacity:0;
}

.box3 .on .red{
	filter:alpha(opacity=100);
	opacity:1;
}

.box4{
	position: absolute;
	width: 71.4%;
	right: 6.7%;
	top: 0;
	height: 100%;
}

.box4 table{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	filter:alpha(opacity=0);
	opacity:0;
}

.box4 table td{
	width: 20%;
	border-width: 5px;
	border-style: solid;
	border-color: rgba(0,0,0,0);
	position: relative;
	overflow: hidden;
}

.box4 table img{
	width: 100%;
}

.box4 table i{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #333;
	filter:alpha(opacity=60);
	opacity:0.6;
	z-index: 1;
	display: none;
}

.box4 table td:hover i{
	display: block;
}

.box4 table p{
	position: absolute;
	width: 90%;
	left: 5%;
	top: 35%;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	color:#fff;
	z-index: 9;
	transition: all 0.4s;
	transform:scale(0,0);
}

.box4 table td:hover p{
	transform:scale(1,1);
}

.box4 .current{
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
}


@-ms-keyframes table{
	from{ filter:alpha(opacity=0); opacity:0; transform: translateY(100%); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes table{
	from{ filter:alpha(opacity=0); opacity:0; transform: translateY(100%); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes table{
	from{ filter:alpha(opacity=0); opacity:0; transform: translateY(100%); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes table{
	from{ filter:alpha(opacity=0); opacity:0; transform: translateY(100%); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes table{
	from{ filter:alpha(opacity=0); opacity:0; top: 100%; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

.box4 .current{
	animation:'table' 0.6s ease-in-out 0s normal;
	-ms-animation:table 0.6s ease-in-out 0s normal;
	-moz-animation:table 0.6s ease-in-out 0s normal;
	-o-animation:'table' 0.6s ease-in-out 0s normal;
	-webkit-animation:'table' 0.6s ease-in-out 0s normal;
}

.drop{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 99;
	display: none;
}

.drop .shadow{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #333;
	filter:alpha(opacity=90);
	opacity:0.9;
	z-index: 100;
}

.drop .show{
	position: absolute;
	width: 600px;
	left: 50%;
	margin-left: -310px;
	background: #fff;
	border-radius: 8px;
	padding: 10px 10px 20px 10px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 200;
}

.drop .show .close{
	position: absolute;
	right: -40px;
	top: 3px;
	width: 20px;
	height: 20px;
	background:url(../images/close.png);
	cursor: pointer;
}

.drop .show img{
	display: inline-block;
	max-width: 100%;
	max-height: 500px;
}

.drop .show h3{
	font-size: 18px;
	line-height: 24px;
	margin-top: 20px;
}

.drop .show p{
	line-height: 22px;
	text-indent: 20pt;
	font-size: 12px;
	margin-top: 10px;
	text-align: left;
}