@charset "utf-8";
/* CSS Document */

/*case*/
.wd11{ margin:0 auto; width:1100px;}
.cz{animation:z1 3s;}
/*fullSlide*/
.fullSlide {
	height:499px;
	width:638px;
	float:right;
	position: relative;
	z-index:2;
	padding:107px 39px 0 0;
	background:url(../../images/case/piano/mac6.png) no-repeat 0 107px;
}
.fullSlide .bd {
	margin:0 auto;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.fullSlide .bd ul {
	width:512px;
	margin:56px 0 0 63px;
}
.fullSlide .bd li {
	height:385px;
	width:512px;
	overflow: hidden;
	text-align: center;
	text-indent:-9999px;
}
.fullSlide .prev,.fullSlide .next { width: 40px; height: 40px; position: absolute; top:334px; z-index: 10; cursor: pointer; text-indent: -9999px; }
.fullSlide .prev{ left: 14px; background:url(../../images/case/piano/prev.png) no-repeat 0 0;}
.fullSlide .next { right: 53px; background:url(../../images/case/piano/next.png) no-repeat 0 0;}
.fullSlide .prev:hover,.fullSlide .next:hover { filter:alpha(opacity=70) !important;opacity:0.7 !important;  }

.y_fd {
	-webkit-animation: fadeInDown 1s .2s ease both;
	-moz-animation: fadeInDown 1s .2s ease both;
	animation: fadeInDown 1s .2s ease both;
	display:block !important;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-200px);
}
 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-200px);
}
 100% {
opacity: 1;
transform: translateY(0);
}
}


@keyframes z1 {
 0% {
transform:scale(0.1);
}
100% {
transform:scale(1);
}
}
@-webkit-keyframes z1 {
 0% {
-webkit-transform:scale(0.1);
}
 100% {
-webkit-transform:scale(1);
}
}
}
