/* Common style */
[class^=IMG_List] figure { width:100%; height:0; text-align:center; box-sizing:border-box; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:1; }
[class^=IMG_List] figure:before,[class^=IMG_List] figure:after,[class^=IMG_List] figure *:before,[class^=IMG_List] figure *:after { content:''; position:absolute; z-index:0; transition:all .5s ease; }

[class^=IMG_List] figure figcaption { width:100%; height:100%; position:absolute; top:0; left:0; }
[class^=IMG_List] figure figcaption:before,[class^=IMG_List] figure figcaption:after { pointer-events:none; }
[class^=IMG_List] figure figcaption,[class^=IMG_List] figure figcaption:before { background-color:rgba(0,0,0,0); }
[class^=IMG_List] 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-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; 
	-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;
}

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

[class^=IMG_List] figure img { width:auto; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); transition:all .5s ease; }
[class^=IMG_List] figure:hover img {
	transform:translateX(-50%) scale(1.1); -webkit-transform:translateX(-50%);
	transition:all .5s ease;
}


/*---------------*/
/*** Getup 向上 ***/
/*---------------*/
figure.D-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.D-Getup tt,figure.D-Getup p.Author {
	top:50%;
	left:0;
	width:100%;
	position:absolute;
	-webkit-transition:-webkit-transform .5s ease, color .5s ease;
	transition:opacity .5s ease, transform .5s ease, color .5s ease;
	-webkit-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
}

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


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

figure.D-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.D-Getup:hover tt,figure.D-Getup:hover p.Author {
	-webkit-transform:translate3d(0,-50px,0);
	transform:translate3d(0,-50px,0);
}

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

[class^=IMG_List] div.List5 figure.D-Getup:hover tt {
	-webkit-transform:translate3d(0,-55px,0);
	transform:translate3d(0,-55px,0);
}
[class^=IMG_List] div.List5 figure.D-Getup dd { top:39%; }

#Body_Main [class^=IMG_List] div.List4 figure.D-Getup:hover tt {
	-webkit-transform:translate3d(0,-55px,0);
	transform:translate3d(0,-55px,0);
}
#Body_Main [class^=IMG_List] div.List4 figure.D-Getup dd { top:29%; }



/*---------------*/
/*** Getleft 向左 ***/
/*---------------*/
figure.D-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.D-Getleft tt,figure.D-Getleft p.Author {
	top:48%;
	left:0;
	width:100%;
	padding:0 5%;
	position:absolute;
	text-align:left;
	-webkit-transition:-webkit-transform .5s ease, color .5s ease;
	transition:transform .5s ease, color .5s ease;
	-webkit-transform:translate3d(-50%,0,0);
	transform:translate3d(-50%,0,0);
	opacity:0;
}

figure.D-Getleft p.Author { top:55%; }


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

figure.D-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.D-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.D-Getleft:hover figcaption:before,
figure.D-Getleft:hover dd {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1;
}

[class^=IMG_List] div.List5 figure.D-Getleft:hover tt {
	-webkit-transform:translate3d(0,-55px,0);
	transform:translate3d(0,-55px,0);
}
[class^=IMG_List] div.List5 figure.D-Getleft dd { top:39%; }

#Body_Main [class^=IMG_List] div.List4 figure.D-Getleft:hover tt {
	-webkit-transform:translate3d(0,-55px,0);
	transform:translate3d(0,-55px,0);
}
#Body_Main [class^=IMG_List] div.List4 figure.D-Getleft dd { top:29%; }



/*---------------*/
/*** Getzoom 扩大 ***/
/*---------------*/
figure.D-Getzoom img { opacity:1; }
figure.D-Getzoom:hover img { transform:translateX(-50%) scale(1.1); }
figure.D-Getzoom figcaption { padding:22% 10% 10%; background-color:rgba(0,0,0,.3); }

figure.D-Getzoom figcaption:before {
	top:0;
	left:0;
	width:100%;
	height:100%;
}

figure.D-Getzoom figcaption:after {
	top:5%;
	left:5%;
	right:5%;
	bottom:5%;
	border:1px solid #DDD;
}

figure.D-Getzoom tt {
	left:0;
	top:30%;
	width:100%;
	position:absolute;
	-webkit-transition:-webkit-transform .5s ease;
	transition:transform .5s ease;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
}

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

figure.D-Getzoom dd {
	top:35%;
}

figure.D-Getzoom figcaption:before,figure.D-Getzoom figcaption:after,
figure.D-Getzoom dd {
	-webkit-transition:opacity .5s ease, -webkit-transform .5s ease;
	transition:opacity .5s ease, transform .5s ease;
	-webkit-transform:scale(0);
	transform:scale(0);
	opacity:0;
}

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

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

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



/*---------------*/
/*** Getmini 缩小 ***/
/*---------------*/
figure.D-Getmini img {
	-webkit-transition:opacity .5s ease, -webkit-transform .5s ease;
	transition:opacity .5s ease, transform .5s ease;
	-webkit-transform:translateX(-50%) scale(1.12);
	transform:translateX(-50%) scale(1.12);
}

figure.D-Getmini:hover img {
	-webkit-transform:translateX(-50%) scale(1);
	transform:translateX(-50%) scale(1);
}

figure.D-Getmini figcaption {
	padding:22% 10% 10%;
	background-color:rgba(0,0,0,.3);
	-webkit-transition:background-color .5s ease;
	transition:background-color .5s ease;
}

figure.D-Getmini 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.D-Getmini tt {
	left:0;
	top:30%;
	width:100%;
	position:absolute;
	transition:transform .5s ease;
	transform:translate3d(0,100%,0);
	-webkit-transition:-webkit-transform .5s ease;
	-webkit-transform:translate3d(0,100%,0);
}

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

figure.D-Getmini dd {
	top:35%;
}

figure.D-Getmini figcaption:before,
figure.D-Getmini dd {
	opacity:0;
	transition:opacity .5s ease, transform .5s ease;
	-webkit-transition:opacity .5s ease, -webkit-transform .5s ease;
}

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

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

#Body_Main figure.D-Getmini 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 Switch */
figure.E-Switch img {
	-webkit-transition:-webkit-transform .4s;
	-moz-transition:-moz-transform .4s;
	transition:transform .4s;
}


[class^=IMG_List] figure.E-Switch:hover img {
	-webkit-transform:translate(-50%,-5%) scale(1.1); /*Y(-25px)*/
	-moz-transform:translate(-50%,-5%) scale(1.1);
	-ms-transform:translate(-50%,-5%) scale(1.1);
	transform:translate(-50%,-5%) scale(1.1);
}

figure.E-Switch figcaption {
	opacity:0; top:auto; bottom:0;
	height:55px; line-height:55px;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transition:transform .4s, opacity .3s;
	-webkit-transition:-webkit-transform .4s, opacity .3s;
	-moz-transition:-moz-transform .4s, opacity .3s;
}

figure.E-Switch:hover figcaption {
	opacity:1; background:rgba(0,0,0,.3);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	-webkit-transition:-webkit-transform .4s, opacity .1s;
	-moz-transition:-moz-transform .4s, opacity .1s;
	transition:transform .4s, opacity .1s;
}


/* Caption Satiny */
[class^=IMG_List] figure.E-Satiny:hover img {
	transition:transform 1s;
	-webkit-transition:-webkit-transform 1s;
	-moz-transition:-moz-transform 1s;
	transform:translate(-60%,0%) scale(1.2);
	-webkit-transform:translate(-60%,0%) scale(1.2);
	-moz-transform:translate(-60%,0%) scale(1.2);
	-ms-transform:translate(-60%,0%) scale(1.2);
}

figure.E-Satiny figcaption {
	width:0; text-align:left; box-sizing:border-box; padding:20px 30px;
	opacity:0; top:0; left:auto; right:0; writing-mode:vertical-rl;
}
figure.E-Satiny:hover figcaption {
	opacity:1; width:22%;
}

/* Caption Rotateing */
[class^=IMG_List] figure.E-Rotateing img {
	transition:transform 3s;
	-webkit-transition:-webkit-transform 3s;
	-moz-transition:-moz-transform 3s;
}

[class^=IMG_List] figure.E-Rotateing:hover img {
	transition:transform 1s;
	-webkit-transition:-webkit-transform 1s;
	-moz-transition:-moz-transform 1s;
	transform:translate(-50%,0%) scale(1.1) rotateY(360deg);
	-webkit-transform:translate(-50%,0%) scale(1.1) rotateY(360deg);
	-moz-transform:translate(-50%,0%) scale(1.1) rotateY(360deg);
	-ms-transform:translate(-50%,0%) scale(1.1) rotateY(360deg);
}

figure.E-Rotateing figcaption {
	opacity:0; top:50%;
	height:55px; line-height:55px;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	transform:translate(0%,-50%) scale(0.7);
	-webkit-transform:translate(0%,-50%) scale(0.7);
	-moz-transform:translate(0%,-50%) scale(0.7);
	-ms-transform:translate(0%,-50%) scale(0.7);
	transition:transform 1s, opacity .4s;
	-webkit-transition:-webkit-transform 1s, opacity .4s;
	-moz-transition:-moz-transform 1s, opacity .4s;
}

figure.E-Rotateing:hover figcaption {
	opacity:1; background-color:rgba(0,0,0,.3);
	transition:transform .4s, opacity .1s;
	-webkit-transition:-webkit-transform .4s, opacity .1s;
	-moz-transition:-moz-transform .4s, opacity .1s;
	transform:translate(0%,-50%) scale(1);
	-webkit-transform:translate(0%,-50%) scale(1);
	-moz-transform:translate(0%,-50%)scale(1);
	-ms-transform:translate(0%,-50%) scale(1);
}



/* Caption Section */
[class^=IMG_List] figure.E-Section img {
	transition:transform 1s;
	-webkit-transition:-webkit-transform 1s;
	-moz-transition:-moz-transform 1s;
	transform:translate(-50%,0) scale(1.15) rotate(0deg);
}

[class^=IMG_List] figure.E-Section:hover {
	background-color:#AAA;
}

[class^=IMG_List] figure.E-Section:hover img {
	transition:transform .5s;
	-webkit-transition:-webkit-transform .5s;
	-moz-transition:-moz-transform .5s;
	transform:translate(-61%,-15%) scale(1.3) rotate(-35deg);
}

figure.E-Section figcaption {
	opacity:0; line-height:25px; padding:3.5%;
	transform:translate(100%,100%) rotate(0deg);
	-webkit-transition:-webkit-transform .4s, opacity .3s;
	-moz-transition:-moz-transform .4s, opacity .3s;
	transition:transform .4s, opacity .3s;
}

figure.E-Section:hover figcaption {
	opacity:1; background-color:rgba(0,0,0,1);
	transform:translate(35%,50%) rotate(-35deg);
	transition:transform .4s, opacity .1s;
	-webkit-transition:-webkit-transform .4s, opacity .1s;
	-moz-transition:-moz-transform .4s, opacity .1s;
}