/* Common style */
.KE_IMG_Show figure { width:100%; height:0; text-align:center; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:1; }
.KE_IMG_Show figure *:before,.KE_IMG_Show figure *:after { content:''; position:absolute; z-index:0; }

.KE_IMG_Show figure figcaption { width:100%; height:100%; position:absolute; top:0; left:0; }
.KE_IMG_Show figure figcaption:before,.KE_IMG_Show figure figcaption:after { pointer-events:none; }
.KE_IMG_Show figure figcaption:before { background-color:rgba(0,0,0,0); }
.KE_IMG_Show figure figcaption {
	text-align:center; font-size:13pt; line-height:35x; color:#FFF;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	-webkit-backface-visibility:hidden; text-transform:uppercase; backface-visibility:hidden;
}

.KE_IMG_Show figure tt,.KE_IMG_Show figure p.Author,.KE_IMG_Show figure tt a { font-size:inherit; line-height:inherit; color:inherit; }
.KE_IMG_Show figure dd { width:100%; text-align:justify; box-sizing:border-box; font-size:10.5pt; line-height:22px; color:inherit; }
.KE_IMG_Show figure pre { text-align:center; }

.KE_IMG_Show figure img.imgsty { width:100%; height:100%; box-sizing:border-box; position:absolute; top:0; left:0; display:block; }
.KE_IMG_Show figure:hover img.imgsty {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}


/*---------------*/
/*** Getup 向上 ***/
/*---------------*/

figure.C-Getup figcaption:before {
	top:0;
	left:0;
	width:100%;
	height:0;
	-webkit-transform:translate3d(0,70%,0);
	transform:translate3d(0,70%,0);
	position:absolute;
	content:'';
	opacity:0;
}

figure.C-Getup tt,figure.C-Getup p.Author {
	top:50%;
	left:0;
	width:100%;
	position:absolute;
	-webkit-transition:-webkit-transform 0.35s, color 0.35s;
	transition:transform 0.35s, color 0.35s;
	-webkit-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
}

figure.C-Getup p.Author { top:55%; }


figure.C-Getup figcaption:before,
figure.C-Getup dd {
	box-sizing:border-box;
	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
	transition:opacity 0.35s, transform 0.35s;
}

figure.C-Getup dd {
	left:0;
	top:51%;
	width:100%;
	padding:0 5%;
	position:absolute;
	-webkit-transform:translate3d(0,10px,0);
	transform:translate3d(0,10px,0);
	opacity:0;
}

figure.C-Getup:hover tt,figure.C-Getup:hover p.Author {
	-webkit-transform:translate3d(0,-50px,0);
	transform:translate3d(0,-50px,0);
}

figure.C-Getup:hover figcaption:before,
figure.C-Getup:hover dd {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1;
}

.KE_IMG_Show div.List5 figure.C-Getup:hover tt {
	-webkit-transform:translate3d(0,-55px,0);
	transform:translate3d(0,-55px,0);
}
.KE_IMG_Show div.List5 figure.C-Getup dd { top:39%; }

#Body_Main .KE_IMG_Show div.List4 figure.C-Getup:hover tt {
	-webkit-transform:translate3d(0,-55px,0);
	transform:translate3d(0,-55px,0);
}
#Body_Main .KE_IMG_Show div.List4 figure.C-Getup dd { top:29%; }



/*---------------*/
/*** Getleft 向左 ***/
/*---------------*/

figure.C-Getleft figcaption:before {
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transform:translate3d(-50%,0,0);
	transform:translate3d(-50%,0,0);
	position:absolute;
	content:'';
	opacity:0;
}

figure.C-Getleft tt {
	top:48%;
	left:0;
	width:100%;
	padding:0 5%;
	position:absolute;
	text-align:left;
	-webkit-transition:-webkit-transform 0.35s, color 0.35s;
	transition:transform 0.35s, color 0.35s;
	-webkit-transform:translate3d(-50%,0,0);
	transform:translate3d(-50%,0,0);
	opacity:0;
}


figure.C-Getleft figcaption:before,
figure.C-Getleft dd {
	box-sizing:border-box; text-align:left;
	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
	transition:opacity 0.35s, transform 0.35s;
}

figure.C-Getleft dd {
	left:0;
	top:65%;
	width:100%;
	padding:0 5%;
	position:absolute;
	-webkit-transform:translate3d(0,10px,0);
	transform:translate3d(0,10px,0);
	opacity:0;
}

figure.C-Getleft:hover tt {
	-webkit-transform:translate3d(0,0,0) translate3d(0,0,0);
	transform:translate3d(0,0,0) translate3d(0,0,0);
	opacity:1;
}

figure.C-Getleft:hover figcaption:before,
figure.C-Getleft:hover dd {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1;
}

.KE_IMG_Show div.List5 figure.C-Getleft:hover tt {
	-webkit-transform:translate3d(0,-55px,0);
	transform:translate3d(0,-55px,0);
}
.KE_IMG_Show div.List5 figure.C-Getleft dd { top:39%; }

#Body_Main .KE_IMG_Show div.List4 figure.C-Getleft:hover tt {
	-webkit-transform:translate3d(0,-55px,0);
	transform:translate3d(0,-55px,0);
}
#Body_Main .KE_IMG_Show div.List4 figure.C-Getleft dd { top:29%; }



/*---------------*/
/*** Expand 扩大 ***/
/*---------------*/

figure.C-Expand img {
	-webkit-transition:opacity 0.35s;
	transition:opacity 0.35s;
	opacity:0.9;
}

figure.C-Expand figcaption {
	padding:22% 10% 10%;
	background-color:rgba(0,0,0,.3);
	-webkit-transition:background-color 0.35s;
	transition:background-color 0.35s;
}

figure.C-Expand figcaption:before {
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
	content:'';
}

figure.C-Expand figcaption:after {
	top:5%;
	left:5%;
	right:5%;
	bottom:5%;
	border:1px solid #DDD;
	position:absolute;
	content:'';
}

figure.C-Expand tt {
	left:0;
	top:30%;
	width:100%;
	position:absolute;
	-webkit-transition:-webkit-transform 0.35s;
	transition:transform 0.35s;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
}

figure.C-Expand:hover tt {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	top:13%;
}

figure.C-Expand dd {
	top:35%;
}

figure.C-Expand figcaption:before,figure.C-Expand figcaption:after,
figure.C-Expand dd {
	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
	transition:opacity 0.35s, transform 0.35s;
	-webkit-transform:scale(0);
	transform:scale(0);
	opacity:0;
}

figure.C-Expand:hover figcaption:before,figure.C-Expand:hover figcaption:after,
figure.C-Expand:hover dd {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
}

figure.C-Expand:hover figcaption { background-color:rgba(0,0,0,0); }

#Body_Main figure.C-Expand figcaption:before {
	top:0;left:0;right:0;bottom:0;border:0;
	position:absolute;
	content:'';
}



/*---------------*/
/*** Narrow 缩小 ***/
/*---------------*/

figure.C-Narrow img {
	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
	transition:opacity 0.35s, transform 0.35s;
	-webkit-transform:scale(1.12);
	transform:scale(1.12);
}

figure.C-Narrow:hover img {
	-webkit-transform:scale(1);
	transform:scale(1);
}

figure.C-Narrow figcaption {
	padding:22% 10% 10%;
	background-color:rgba(0,0,0,.3);
	-webkit-transition:background-color 0.35s;
	transition:background-color 0.35s;
}

figure.C-Narrow figcaption:before {
	top:5%;
	left:5%;
	right:5%;
	bottom:5%;
	border:1px solid #DDD;
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	position:absolute;
	content:'';
}

figure.C-Narrow tt {
	left:0;
	top:30%;
	width:100%;
	position:absolute;
	transition:transform 0.35s;
	transform:translate3d(0,100%,0);
	-webkit-transition:-webkit-transform 0.35s;
	-webkit-transform:translate3d(0,100%,0);
}

figure.C-Narrow:hover tt {
	top:13%;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
}

figure.C-Narrow dd {
	top:35%;
}

figure.C-Narrow figcaption:before,
figure.C-Narrow dd {
	opacity:0;
	transition:opacity 0.35s, transform 0.35s;
	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
}

figure.C-Narrow dd {
	top:35%;
	width:100%;
	text-align:center;
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
}

figure.C-Narrow:hover figcaption:before,
figure.C-Narrow:hover dd {
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
}

#Body_Main figure.C-Narrow figcaption:before {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	top:0;left:0;right:0;bottom:0;border:0;
	position:absolute;
	content:'';
}


/* Caption Mini */
figure.D-Mini img {
	z-index:10;
	transition:transform .4s;
	-webkit-transition:-webkit-transform .4s;
	-moz-transition:-moz-transform .4s;
}

figure.D-Mini:hover img {
	transform:translateY(32px) scale(0.6);
	-webkit-transform:translateY(32px) scale(0.6);
	-moz-transform:translateY(32px) scale(0.6);
	-ms-transform:translateY(32px) scale(0.6);
}


figure.D-Mini figcaption {
	opacity:0;
	transform:scale(0.7);
	-webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
	transition:transform .4s, opacity .4s;
	-webkit-transition:-webkit-transform .4s, opacity .4s;
	-moz-transition:-moz-transform .4s, opacity .4s;
}

figure.D-Mini:hover figcaption tt { line-height:3.5;  }
figure.D-Mini:hover figcaption {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1;
}


/* Caption Switch */
figure.D-Switch img {
	-webkit-transition:-webkit-transform .4s;
	-moz-transition:-moz-transform .4s;
	transition:transform .4s;
}


figure.D-Switch:hover img {
	-webkit-transform:translateY(-20%); /*Y(-25px)*/
	-moz-transform:translateY(-20%);
	-ms-transform:translateY(-20%);
	transform:translateY(-20%);
}

figure.D-Switch figcaption {
	opacity:0;
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
	-webkit-transition:-webkit-transform .4s, opacity .3s;
	-moz-transition:-moz-transform .4s, opacity .3s;
	transition:transform .4s, opacity .3s;
}

figure.D-Switch:hover figcaption tt { line-height:3; }
figure.D-Switch:hover figcaption {
	opacity:1; background:#222;
	-webkit-transform:translateY(80%);
	-moz-transform:translateY(80%);
	-ms-transform:translateY(80%);
	transform:translateY(80%);
	-webkit-transition:-webkit-transform .4s, opacity .1s;
	-moz-transition:-moz-transform .4s, opacity .1s;
	transition:transform .4s, opacity .1s;
}



/* Caption Section */
figure.D-Section img {
	-webkit-transition:-webkit-transform .4s;
	-moz-transition:-moz-transform .4s;
	transition:transform .4s;
}

figure.D-Section:hover img {
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
}

figure.D-Section figcaption {
	opacity:0;
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
	-webkit-transition:-webkit-transform .4s, opacity .3s;
	-moz-transition:-moz-transform .4s, opacity .3s;
	transition:transform .4s, opacity .3s;
}

figure.D-Section:hover figcaption tt { line-height:8; }
figure.D-Section:hover figcaption {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
	-webkit-transition:-webkit-transform .4s, opacity .1s;
	-moz-transition:-moz-transform .4s, opacity .1s;
	transition:transform .4s, opacity .1s;
}