@charset "utf-8";

[class^=IMG_List] .list,[class^=IMG_List] .zoom { display:inline; float:left; box-sizing:border-box; position:relative; }
.list:before,.list:after { content:""; position:absolute; transition:all .5s ease; z-index:1; }

.IMG_List_2 .zoom { width:calc(100%/2); }
.IMG_List_3 .zoom { width:calc(100%/3); }
.IMG_List_4 .zoom { width:calc(100%/4); }
.IMG_List_5 .zoom { width:calc(100%/5); }
.IMG_List_6 .zoom { width:calc(100%/6); }

.IMG_List_1 .list { width:100%; display:inline; float:left; }

.IMG_List_2 .list { width:calc(95%/2); display:inline; float:left; }
.IMG_List_2 .list + .list { margin-top:3%; margin-left:5%; }
.IMG_List_2 .list + .list:nth-child(2n+1) { margin-left:0; clear:both; }
.IMG_List_2 .list + .list:nth-child(-n+2) { margin-top:0; }


.IMG_List_3 .list { width:calc(93%/3); display:inline; float:left; }
.IMG_List_3 .list + .list { margin-left:3.5%; margin-top:1.5%; }
.IMG_List_3 .list + .list:nth-child(3n+1),.IMG_List_3 .zoom + .zoom:nth-child(3n+1) { margin-left:0!important; clear:both; }
.IMG_List_3 .list + .list:nth-child(-n+3),.IMG_List_3 .zoom + .zoom:nth-child(-n+3) { margin-top:0; }

#Body_Main .IMG_List_3 .list { width:calc(97%/3); }
#Body_Main .IMG_List_3 .list + .list { margin-left:1.5%; }
#Body_Main .IMG_List_3 .list + .list:nth-child(3n+1) { margin-left:0; clear:both; }


.IMG_List_4 .list { width:calc(92%/4); display:inline; float:left; }
.IMG_List_4 .list + .list { margin-left:calc(8%/3); margin-top:1%; }
.IMG_List_4 .list + .list:nth-child(4n+1),.IMG_List_4 .zoom + .zoom:nth-child(4n+1) { margin-left:0!important; clear:both; }
.IMG_List_4 .list + .list:nth-child(-n+4),.IMG_List_4 .zoom + .zoom:nth-child(-n+4) { margin-top:0; }

#Body_Main .IMG_List_4 .list { width:calc(95.5%/4); }
#Body_Main .IMG_List_4 .list + .list { margin-left:1.5%; }


.IMG_List_5 .list { width:calc(98%/5); display:inline; float:left; }
.IMG_List_5 .list + .list { margin-left:.5%; margin-top:0.5%; }
.IMG_List_5 .list + .list:nth-child(5n+1),.IMG_List_5 .zoom + .zoom:nth-child(5n+1) { margin-left:0!important; clear:both; }
.IMG_List_5 .list + .list:nth-child(-n+5),.IMG_List_5 .zoom + .zoom:nth-child(-n+5) { margin-top:0; }

.IMG_List_6 .list { width:calc(98%/6); display:inline; float:left; }
.IMG_List_6 .list + .list { margin-left:.4%; margin-top:0.4%; }
.IMG_List_6 .list + .list:nth-child(6n+1) { margin-left:0; clear:both; }
.IMG_List_6 .list + .list:nth-child(-n+6) { margin-top:0; }

.IMG_List_7 .list { width:calc(97.9%/7); display:inline; float:left; }
.IMG_List_7 .list + .list { margin-left:.35%; margin-top:0.35%; }
.IMG_List_7 .list + .list:nth-child(7n+1) { margin-left:0; clear:both; }
.IMG_List_7 .list + .list:nth-child(-n+7) { margin-top:0; }

.IMG_List_8 .list { width:calc(98%/8); display:inline; float:left; }
.IMG_List_8 .list + .list { margin-left:calc(2%/7); margin-top:calc(2%/7); }
.IMG_List_8 .list + .list:nth-child(8n+1) { margin-left:0; clear:both; }
.IMG_List_8 .list + .list:nth-child(-n+8) { margin-top:0; }

.IMG_List_10 .list { width:calc(98%/10); display:inline; float:left; }
.IMG_List_10 .list + .list { margin-left:calc(2%/9); margin-top:calc(2%/9); }
.IMG_List_10 .list + .list:nth-child(10n+1) { margin-left:0; clear:both; }
.IMG_List_10 .list + .list:nth-child(-n+10) { margin-top:0; }



/* 产品列表样式设置 */
[class^=IMG_List] .XSales,[class^=IMG_List] .Moneys { width:100%;text-align:left; }
[class^=IMG_List] .Moneys { height:39px; font:normal bold 15pt/22px Arial, Helvetica; color:#D00; letter-spacing:-1px; padding:0; }
[class^=IMG_List] .Moneys span { font:normal bold 10pt/22px Arial,Helvetica; color:inherit; letter-spacing:-2px; }

[class^=IMG_List] label.Title { width:100%; height:65px; padding:12px 1% 5px; text-align:center; font-size:12pt; line-height:22px; box-sizing:border-box; position:relative; }
[class^=IMG_List] label.Title * { font-size:inherit; line-height:inherit; font-weight:inherit; color:inherit; }

[class^=IMG_List] label.Title.Author { padding:12px 2% 5px; text-align:left; position:static; }
[class^=IMG_List] label.Title p.Author { width:100%; height:25px; display:inline-block; white-space:nowrap; text-overflow:ellipsis; }
[class^=IMG_List] label.Title p.Author { position:absolute; bottom:3px; left:0; padding:0 2%; box-sizing:border-box; }
[class^=IMG_List] label.Title.Author b,[class^=IMG_List] label.Title.Author tt { font-weight:bold; }
[class^=IMG_List] label.Title.Author i { font-style:italic!important; }

[class^=IMG_List] ul.Zfloat { height:0; text-align:center; position:absolute; bottom:0; z-index:100; }
[class^=IMG_List] div:hover ul.Zfloat { height:50px; background:rgba(0,0,0,.6); color:#FFF; }
[class^=IMG_List] ul.Zfloat label.Title { text-align:inherit; line-height:inherit; color:inherit!important; text-wrap:normal; white-space:nowrap; }
[class^=IMG_List] ul.Zfloat label.Title p.Author { font-size:12px; bottom:0; }
[class^=IMG_List] ul.Zfloat a { color:inherit!important; }


/* -webkit-box-sizing:border-box; -moz-box-sizing:border-box; */
div.imgsty,div.imgwider { width:100%; height:0; margin:0; padding:0; box-sizing:border-box; position:relative; }
div.imgsty img.imgwider,div.imgwider img { width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%); }
div.imgsty img,div.imgsty video { width:auto; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); }

.IMG_List_1 div.imgsty { height:auto; margin:0; padding:0!important; float:left; }
.IMG_List_1 div.imgsty img { width:100%; height:auto; position:relative; }


div.Mold { width:18.8%; display:inline; margin-bottom:1%; float:left; position:relative; }
div.Mold + div.Mold { margin-right:1.5%; }
div.Mold + div.Mold:nth-child(5n+2) { margin-right:0; }
div.Mold + div.Mold:nth-child(2) { margin-right:1.5%; }
div.Mold + div.Mold:nth-child(4) { margin-right:0; }
div.Mold + div.Mold:nth-child(8) { clear:both; }

div.Mold:nth-child(1) { width:39.1%; margin-right:1.5%; float:left; }
.IMG_List_8 div.Mold:nth-child(1) { margin-left:1.5%; margin-right:0; float:right; }


div.Eight { width:16.5%; display:inline; margin-bottom:.2%; float:left; text-align:center; position:relative; }
div.Eight:nth-child(1) { width:33.2%; margin-right:0.2%; float:left; }
div.Eight:nth-child(1).Right { margin-right:0; float:right; }
div.Eight + div.Eight { margin-right:.2%; }
div.Eight + div.Eight:nth-child(6n+3) { margin-right:0; }
div.Eight + div.Eight:nth-child(3) { margin-right:.2%; }
div.Eight + div.Eight:nth-child(5) { margin-right:0; }
div.Eight + div.Eight:nth-child(10) { clear:both; }

.IMG_List_11 div.Eight:nth-child(1) { position:absolute; left:33.4%; float:left; }
.IMG_List_11 div.Eight + div.Eight:nth-child(4),.IMG_List_11 div.Eight + div.Eight:nth-child(8) { margin-left:33.4%!important; }


div.Sixes { width:19.6%; display:inline; margin-bottom:.5%; float:left; position:relative; }
div.Sixes:nth-child(1) { width:39.7%; margin-right:.5%; float:left; }
div.Sixes:nth-child(1).Right { margin-right:0; float:right; }
div.Sixes + div.Sixes { margin-right:.5%; }
div.Sixes + div.Sixes:nth-child(5n+2) { margin-right:0; }
div.Sixes + div.Sixes:nth-child(2) { margin-right:.5%; }
div.Sixes + div.Sixes:nth-child(4) { margin-right:0; }
div.Sixes + div.Sixes:nth-child(8) { clear:both; }


div.Boxs { width:calc(49.1%/2); display:inline; margin-bottom:.6%; float:left; text-align:center; position:relative; }
div.Boxs:nth-child(1) { width:49.7%; margin-right:.6%; float:left; }
div.Boxs:nth-child(1).Right { margin-right:0; float:right; }
div.Boxs + div.Boxs { margin-right:.6%; }
div.Boxs + div.Boxs:nth-child(4n+1) { margin-right:0; }
div.Boxs + div.Boxs:nth-child(3) { margin-right:0; }
div.Boxs:nth-child(6) { clear:both; }


.IMG_List_15 div.Boxs:nth-child(1) { width:45%; }
.IMG_List_15 div.Boxs:nth-child(2),.IMG_List_15 div.Boxs:nth-child(3) { width:calc((55% - 20px)/2); }
.IMG_List_15 div.Boxs:nth-child(4) { width:calc(55% - 10px); margin-right:0; }
.IMG_List_15 div.Boxs + div.Boxs:nth-child(4n) { margin-right:0; }
.IMG_List_15 div.Boxs + div.Boxs:nth-child(5) { clear:both; margin-right:.6%; }
.IMG_List_15 div.Boxs + div.Boxs:nth-child(9) { margin-right:.6%; }
.IMG_List_15 div.Boxs:nth-child(6) { clear:none; }

.IMG_List_16 div.Boxs:nth-child(1),.IMG_List_16 div.Boxs:nth-child(4) { width:calc(49.1%/2); }
.IMG_List_16 div.Boxs:nth-child(1).Right { margin-right:0; margin-left:.6%; float:right; }
.IMG_List_16 div.Boxs:nth-child(3) { margin-right:.6%; }
.IMG_List_16 div.Boxs:nth-child(4) { margin-right:0; float:right; }
.IMG_List_16 div.Boxs:nth-child(5) { width:calc(50% - 5px); margin-right:0; }

.IMG_List_15 div.Boxs + div.Boxs:nth-child(-n+4) div.imgsty img,.IMG_List_16 div.Boxs:nth-child(5) div.imgsty img,
.IMG_List_15 div.Boxs + div.Boxs:nth-child(-n+4) figure img,.IMG_List_16 div.Boxs:nth-child(5) figure img
{ width:100%; height:auto; top:50%; left:0; transform:translateY(-50%); }


.IMG_List_15 div.Boxs + div.Boxs:nth-child(-n+4) figure:hover img,.IMG_List_16 div.Boxs:nth-child(5) figure:hover img
{ transform:translateY(-50%) scale(1.1); }


/* 默认比例 9:6 */
.DStyle div.imgsty,.DStyle figure { padding-bottom:calc((6/9)*100%); }
.DStyle div.Eight:nth-child(1) div.imgsty { padding-bottom:calc((6/9)*100% + .2%); }
.DStyle div.Sixes:nth-child(1) div.imgsty,.DStyle div.Sixes:nth-child(1) figure { padding-bottom:calc((6/9)*100% + .5%); }
.DStyle div.Boxs:nth-child(1) div.imgsty,.DStyle div.Boxs:nth-child(1) figure { padding-bottom:calc((6/9)*100% + .5%); }

.IMG_List_7.DStyle div.Mold:nth-child(1) div.imgsty,.IMG_List_8.DStyle div.Mold:nth-child(1) div.imgsty { padding-bottom:calc((6/9)*100% + 65px); }
.IMG_List_15.DStyle div.Boxs:nth-child(1) div.imgsty,.IMG_List_15.DStyle div.Boxs:nth-child(1) figure { padding-bottom:calc((6/9)*111%); }
.IMG_List_15.DStyle div.Boxs:nth-child(2) div.imgsty,.IMG_List_15.DStyle div.Boxs:nth-child(2) figure { padding-bottom:calc((6/9)*91%); }
.IMG_List_15.DStyle div.Boxs:nth-child(3) div.imgsty,.IMG_List_15.DStyle div.Boxs:nth-child(3) figure { padding-bottom:calc((6/9)*91%); }
.IMG_List_15.DStyle div.Boxs:nth-child(4) div.imgsty,.IMG_List_15.DStyle div.Boxs:nth-child(4) figure { padding-bottom:calc((6/9)*45.2%); }

.IMG_List_16.DStyle div.Boxs:nth-child(1) div.imgsty,.IMG_List_16.DStyle div.Boxs:nth-child(1) figure { padding-bottom:calc(((6/9)*200%) + 10px); }
.IMG_List_16.DStyle div.Boxs:nth-child(4) div.imgsty,.IMG_List_16.DStyle div.Boxs:nth-child(4) figure { padding-bottom:calc(((6/9)*200%) + 10px); }
.IMG_List_16.DStyle div.Boxs:nth-child(5) div.imgsty,.IMG_List_16.DStyle div.Boxs:nth-child(5) figure { padding-bottom:calc(((6/9)*50%) - 2px); }


/* 宽横屏 4:3 */
.BStyle div.imgsty,.BStyle figure { padding-bottom:calc((6/8)*100%); }
.BStyle div.Zoom_E div.imgsty,.BStyle div.Zoom_F div.imgsty { padding-bottom:calc((6/8)*100%); }

.IMG_List_7.BStyle div.Mold:nth-child(1) div.imgsty,.IMG_List_8.BStyle div.Mold:nth-child(1) div.imgsty { padding-bottom:calc((6/8)*100% + 65px); }
.IMG_List_15.BStyle div.Boxs:nth-child(1) div.imgsty,.IMG_List_15.BStyle div.Boxs:nth-child(1) figure { padding-bottom:calc((6/8)*110%); }
.IMG_List_15.BStyle div.Boxs:nth-child(2) div.imgsty,.IMG_List_15.BStyle div.Boxs:nth-child(2) figure { padding-bottom:calc((6/9)*100%); }
.IMG_List_15.BStyle div.Boxs:nth-child(3) div.imgsty,.IMG_List_15.BStyle div.Boxs:nth-child(3) figure { padding-bottom:calc((6/9)*100%); }
.IMG_List_15.BStyle div.Boxs:nth-child(4) div.imgsty,.IMG_List_15.BStyle div.Boxs:nth-child(4) figure { padding-bottom:calc((6/8)*45.8%); }

.IMG_List_16.BStyle div.Boxs:nth-child(1) div.imgsty,.IMG_List_16.BStyle div.Boxs:nth-child(1) figure { padding-bottom:calc(((6/8)*200%) + 10px); }
.IMG_List_16.BStyle div.Boxs:nth-child(4) div.imgsty,.IMG_List_16.BStyle div.Boxs:nth-child(4) figure { padding-bottom:calc(((6/8)*200%) + 10px); }
.IMG_List_16.BStyle div.Boxs:nth-child(5) div.imgsty,.IMG_List_16.BStyle div.Boxs:nth-child(5) figure { padding-bottom:calc(((6/8)*50%) - 2px); }


/* 正方形 5:5 */
.AStyle div.imgsty,.AStyle figure { padding-bottom:100%; }
.AStyle div.Mold:nth-child(1) div.imgsty { padding-bottom:calc(100% + 54px); }

.IMG_List_15.AStyle div.Boxs:nth-child(1) div.imgsty,.IMG_List_15.AStyle div.Boxs:nth-child(1) figure { padding-bottom:91.6%; }
.IMG_List_15.AStyle div.Boxs:nth-child(2) div.imgsty,.IMG_List_15.AStyle div.Boxs:nth-child(2) figure { padding-bottom:66%; }
.IMG_List_15.AStyle div.Boxs:nth-child(3) div.imgsty,.IMG_List_15.AStyle div.Boxs:nth-child(3) figure { padding-bottom:66%; }
.IMG_List_15.AStyle div.Boxs:nth-child(4) div.imgsty,.IMG_List_15.AStyle div.Boxs:nth-child(4) figure { padding-bottom:42.1%; }

.IMG_List_16.AStyle div.Boxs:nth-child(1) div.imgsty,.IMG_List_16.AStyle div.Boxs:nth-child(1) figure { padding-bottom:calc(185% + 10px); }
.IMG_List_16.AStyle div.Boxs:nth-child(4) div.imgsty,.IMG_List_16.AStyle div.Boxs:nth-child(4) figure { padding-bottom:calc(185% + 10px); }
.IMG_List_16.AStyle div.Boxs:nth-child(5) div.imgsty,.IMG_List_16.AStyle div.Boxs:nth-child(5) figure { padding-bottom:42%; }


/* 竖矩形 3:4 */
.CStyle div.imgsty,.CStyle figure { padding-bottom:calc((4/3)*100%); }
.CStyle div.Zoom_E div.imgsty,.CStyle div.Zoom_F div.imgsty { padding-bottom:calc((4/3)*100%); }

.IMG_List_7.CStyle div.Mold:nth-child(1) div.imgsty,.IMG_List_8.CStyle div.Mold:nth-child(1) div.imgsty { padding-bottom:calc((4/3)*100% + 65px); }
.IMG_List_15.CStyle div.Boxs:nth-child(1) div.imgsty,.IMG_List_15.CStyle div.Boxs:nth-child(1) figure { padding-bottom:120.5%; }
.IMG_List_15.CStyle div.Boxs:nth-child(2) div.imgsty,.IMG_List_15.CStyle div.Boxs:nth-child(2) figure { padding-bottom:66%; }
.IMG_List_15.CStyle div.Boxs:nth-child(3) div.imgsty,.IMG_List_15.CStyle div.Boxs:nth-child(3) figure { padding-bottom:66%; }
.IMG_List_15.CStyle div.Boxs:nth-child(4) div.imgsty,.IMG_List_15.CStyle div.Boxs:nth-child(4) figure { padding-bottom:66%; }

.IMG_List_16.CStyle div.Boxs:nth-child(1) div.imgsty,.IMG_List_16.CStyle div.Boxs:nth-child(1) figure { padding-bottom:calc(218.2% + 10px); }
.IMG_List_16.CStyle div.Boxs:nth-child(4) div.imgsty,.IMG_List_16.CStyle div.Boxs:nth-child(4) figure { padding-bottom:calc(218.2% + 10px); }
.IMG_List_16.CStyle div.Boxs:nth-child(5) div.imgsty,.IMG_List_16.CStyle div.Boxs:nth-child(5) figure { padding-bottom:42%; }


/* 窄横屏 16:9 */
.FStyle div.imgsty,.FStyle figure { padding-bottom:56.25%; }
.FStyle div.Mold_L div.imgsty,.FStyle div.Mold_R div.imgsty { padding-bottom:calc(56% + 60px); }
.FStyle div.Zoom_E div.imgsty,.FStyle div.Zoom_F div.imgsty { padding-bottom:56.5%; }

/*
#Body_Main .BStyle div.Zoom_C div.imgsty,#Body_Main .BStyle div.Zoom_D div.imgsty {  padding-bottom:78.2%; }
#Body_Main .CStyle div.Zoom_C div.imgsty,#Body_Main .CStyle div.Zoom_D div.imgsty {  padding-bottom:137.5%; }
#Body_Main .DStyle div.Zoom_C div.imgsty,#Body_Main .DStyle div.Zoom_D div.imgsty {  padding-bottom:81.5%; }
#Body_Main .FStyle div.Zoom_C div.imgsty,#Body_Main .FStyle div.Zoom_D div.imgsty {  padding-bottom:71.2%; }
*/


/* 横宽比样式 2:1 */
#Main_10 .list { padding:2px; border:0; box-sizing:border-box; }
#Main_10 .list div.imgsty img { width:100%; }
#Main_10 label.Title { width:100%; height:48px; text-align:center; position:relative; }
#Main_10 label.Title,#Main_10 label.Title a { line-height:3; }

.EStyle div.imgsty,.EStyle figure { padding-bottom:50%; }

div[class*=varying] { background:#FFF; cursor:pointer; }
div.A_varying { border:1px solid #CCC; }

div.B_varying img,div.C_varying img
{ -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100); }
div.B_varying:hover img,div.C_varying:hover img
{ -webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0); }

div.C_varying img,div.D_varying img
{ backface-visibility:hidden; transform:translateX(-50%) rotateY(0deg);}

div.C_varying:hover img,div.D_varying:hover img
{ transform:translateX(-50%) rotateY(360deg); }

div.B_varying::before,div.B_varying::after,div.C_varying::before,div.C_varying::after
{ width:0;height:0; content:""; position: absolute; border-radius:0; border:2px solid transparent; }
div.B_varying::before,div.C_varying::before { top:0; left:0; }
div.B_varying::after,div.C_varying::after { bottom:0; right:0; }
div.B_varying:hover::before,div.C_varying:hover::before
{ width: 100%; height: 100%; border-top-color: #CCC; border-right-color: #CCC; transition:width .3s ease-out, height .2s ease-out .3s; }
div.B_varying:hover::after,div.C_varying:hover::after
{ width: 100%; height: 100%; border-bottom-color: #CCC; border-left-color: #CCC; transition:width .3s ease-out, height .2s ease-out .3s; }



/* 叠加水印图特效 */
div.marker,div.mask,div.mpg4 {
	width:100%; height:100%; opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; z-index:50;
	background-repeat:no-repeat; background-position:center 100%!important; background-size:auto;
	background-color:transparent; background-image:url(/OAction/Images/MTOP.png);
}
div.imgsty:hover div.marker {
	opacity:1; filter:alpha(opacity=100); background-position:center!important; background-size:auto;
}

div.mask,div.mpg4 {
	background:#000; background-position:center -50%;
}

div.mpg4 {
	opacity:.5; filter:alpha(opacity=50);
	background-image:url(/OAction/Images/MPG4.png);
	background-position:center center;
}


/* Ainkeys style */
div[class*=A-In]:hover img {
	-webkit-transform:translateX(-50%) scale(1.1);
	transform:translateX(-50%) scale(1.1);
}

.FStyle div[class*=A-In]:hover img {
	-webkit-transform:translateX(-50%) scale(1.1);
	transform:translateX(-50%) scale(1.1);
}

div.imgsty div.mask i.icon { width:70px; height:70px; margin-left:-35px; margin-top:-35px; text-align:center; font-size:24pt; line-height:70px; color:#DDD; }
div.imgsty div.mask i.icon { position:absolute; left:50%; top:200%; z-index:20; transition:all .5s ease; }

div.imgsty:hover div.mask { opacity:1; filter:alpha(opacity=100); background-color:transparent; }
div.imgsty:hover div.mask i.icon { background:rgba(0,0,0,.1); border-radius:50%; top:50%; transition:all .5s ease; }

div.imgsty div.mask tt { width:95%; height:39px; padding:0 2.5%; text-align:center; position:absolute; left:0; bottom:0; z-index:15; }
div.imgsty div.mask tt {
	text-transform:uppercase;
	transform:rotateY(360deg) scale(0);
	background-color:transparent;
	height:35px; bottom:5%;
	transition:all .5s ease;
}
div.imgsty:hover div.mask tt {
	background-color:transparent;
	transform:rotateY(0) scale(1);
	transition:all .5s ease;
	line-height:2;
}


/* 明暗交互特效 */
div.A-Intop div.imgsty,div.A-Inbox div.imgsty { background-color:#FFF; }

.IMG_List_3 div.A-Inbox,.IMG_List_4 div.A-Inbox { margin-bottom:.5%; }

[class^=IMG_List] div.A-Inbox label.Title,[class^=IMG_List] div.A-Inbox label.Title p.Author { width:100%; position:static; color:inherit; box-sizing:border-box; }
[class^=IMG_List] div.A-Inbox label.Title { height:0; text-align:left; padding:0 2.5%; position:absolute; bottom:0; transition:all .5s ease; z-index:2024; }
[class^=IMG_List] div.A-Inbox:hover label.Title { height:55px; padding:12px 2.5%; background-color:rgba(0,0,0,.6); color:#FFF; }
[class^=IMG_List] div.A-Inbox:hover { box-shadow:0 5px 10px 0 #CCC; }


div.A-Inzoom div.mask:before,div.A-Inzoom div.mask:after,div.A-Inzoom div.imgsty:before,div.A-Inzoom div.imgsty:after {
	width:100%; height:50%; background:rgba(0,0,0,.6);
	content:""; position:absolute; top:-50%; left:50%; z-index:1!important;
	transform:translate(-50%,0%);
	-webkit-clip-path:polygon(0 0, 50% 100%, 100% 0);
	clip-path:polygon(0 0, 50% 100%, 100% 0);
	transition:all .3s;
}
div.A-Inzoom div.mask:after {
	top:auto; bottom:-50%;
	transform:translate(-50%,0%);
	-webkit-clip-path:polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path:polygon(50% 0%, 0% 100%, 100% 100%);
}
div.A-Inzoom div.imgsty:before {
	width:50%; height:100%; top:50%; left:auto; right:-50%;
	transform:translate(0%,-50%);
	-webkit-clip-path:polygon(100% 0, 0 50%, 100% 100%);
	clip-path:polygon(100% 0, 0 50%, 100% 100%);
}
div.A-Inzoom div.imgsty:after {
	width:50%; height:100%;
	top:50%; right:auto; left:-50%;
	transform:translate(0%,-50%);
	-webkit-clip-path:polygon(0 100%, 100% 50%, 0 0);
	clip-path:polygon(0 100%, 100% 50%, 0 0);
}

div.A-Inzoom:hover div.mask:before { top:0; }
div.A-Inzoom:hover div.mask:after { bottom:0; }
div.A-Inzoom:hover div.imgsty:before { right:0; }
div.A-Inzoom:hover div.imgsty:after { left:0; }


div.A-Infour div.imgsty:before,div.A-Infour div.imgsty:after,div.A-Infour div.mask:before,div.A-Infour div.mask:after {
	width:25%; height:100%; background:linear-gradient(transparent,rgba(0,0,0,.6));
	content:''; position:absolute; left:0;top:0; z-index:1!important;
	transform:translateY(-100%);
	transition:all 0.3s;
}
div.A-Infour:hover div.imgsty:before,div.A-Infour:hover div.imgsty:after,div.A-Infour:hover div.mask:before,div.A-Infour:hover div.mask:after { transform:translateY(0); }
div.A-Infour div.imgsty:after{ left:25%; }
div.A-Infour div.mask:before{ left:50%; }
div.A-Infour div.mask:after{ left:75%; }
div.A-Infour:hover div.imgsty:before{ transition-delay:0.225s; }
div.A-Infour:hover div.imgsty:after{ transition-delay:0.075s; }
div.A-Infour:hover div.mask:before{ transition-delay:0.15s; }
div.A-Infour:hover div.mask:after{ transition-delay:0s; }


/* IMG_Pics特效 */
div.IMG_Pics { display:inline; float:left; box-sizing:border-box; position:relative; }
div.IMG_Pics *,div.IMG_Pics *:after,div.IMG_Pics *:before { line-height:inherit; color:inherit; box-sizing:border-box; transition:all .5s ease; }
div.IMG_Pics dt.Title { width:100%; height:38px; padding:0 2.5%; line-height:38px; color:#FFF; text-align:center; }
div.IMG_Pics dt.Title,div.IMG_Pics dd.Briefly { position:absolute; left:0; top:auto; bottom:-100%; z-index:18; }
div.IMG_Pics dd.Briefly { width:100%; height:50%; padding:30% 8% 5%; box-sizing:border-box; line-height:22px; color:#FFF; }
div.IMG_Pics div.mask { opacity:1; filter:alpha(opacity=1); background-color:transparent!important; z-index:1; }
div.IMG_Pics:hover img.imgwider { transform:translateY(-50%) scale(1); }

div.Gray-tone { background:#FFF; border:1px solid #CCC; }
div.Gray-tone img.imgwider { filter:grayscale(1) brightness(.5); }
div.Gray-tone:hover img.imgwider { filter:grayscale(0) brightness(1); }

div.Borderone { background:#FFF; cursor:pointer; border:1px solid #CCC; }
div.Borderone:hover img.imgwider { transform:translateY(-50%) scale(1.1); }
div.Borderone dt.Title { height:45px; line-height:45px; }

div.B-Slither { border:1px solid transparent; }
div.B-Slither div.imgsty { width:calc(100% - 5px); margin-top:5px; }
div.B-Slither:hover div.imgsty { box-shadow:-5px 10px 5px #CCC; margin-left:10px; margin-top:0; margin-bottom:5px; }

div.B-Extend:hover { background-color:#FFF; box-shadow:0 0 5px #CCC; }
div.B-Extend:before { width:0; height:6px; background-color:#333; left:50%; bottom:0; z-index:100; }
div.B-Extend:hover:before { width:100%; left:0; }

div.B-Edging { box-shadow:0 3px 5px #CCC; }
div.B-Edging div.imgsty { background-color:#FFF; border:1px solid #DDD; }
div.B-Edging:before,div.B-Edging:after { width:0; height:0; border:2px solid transparent; transition:0s; z-index:1; }
div.B-Edging:hover:before,div.B-Edging:hover:after { width:100%; height:100%; transition:width .2s ease-out, height .2s ease-out .3s; }
div.B-Edging:after { bottom:0; right:0; z-index:1; }
div.B-Edging:hover:before { border-top-color:#CCC; border-right-color:#CCC; }
div.B-Edging:hover:after { border-bottom-color:#CCC; border-left-color:#CCC; }

div.B-Shadow:not(.Boxs,.Sixes,.Eight),div.B-Extend,div.B-Edging { transition:all .5s ease; margin-top:0!important; margin-bottom:20px; }
div.B-Shadow:not(.Boxs,.Sixes,.Eight):hover { background-color:#FFF; }

div.B-Slither label.Title { height:45px; padding-top:18px; white-space:nowrap; text-overflow:ellipsis; }
div.B-Shadow label.Title,div.B-Extend label.Title,div.B-Edging label.Title { height:58px; line-height:32px; white-space:nowrap; text-overflow:ellipsis; }
div.B-Extend:hover img,div.B-Edging:hover img { transform:translateX(-50%) scale(1.1); transition:all .5s ease; }

div.C-Slither { margin-top:0!important; margin-bottom:12px; }
div.C-Slither div.imgsty { width:calc(100% - 5px); margin-top:5px; border:1px solid transparent; }
div.C-Slither:hover div.imgsty { box-shadow:-5px 5px 5px #CCC; margin:0 0 5px 5px; background-color:#FFF; border:1px solid #CCC; }
div.C-Slither div.imgsty img { transform:translateY(-50%) scale(1.05); }
div.C-Slither:hover div.imgsty img { transform:translateY(-50%) scale(1); }

div.X-Rotate img.imgwider { transform:translateY(-50%) perspective(900px) rotateY(0); }
div.X-Rotate:hover img.imgwider { transform:translateY(-50%) perspective(900px) rotateY(360deg); }
div.Y-Rotate img.imgwider { transform:translateY(-50%) perspective(900px) rotateX(0); }
div.Y-Rotate:hover img.imgwider { transform:translateY(-50%) perspective(900px) rotateX(360deg); }
div.X-Rotate:hover div.mask:after,div.Y-Rotate:hover div.mask:after { width:100%; height:100%; left:0; background:rgba(0,0,0,.6); }
div.X-Rotate:hover dt.Title,div.Y-Rotate:hover dt.Title { bottom:calc(50% - 19px); font-size:20px; }

div.Y-Upward div.mask:after { width:100%; height:45px; left:0; bottom:0; background:rgba(0,0,0,.6)!important; }
div.Y-Upward:hover div.mask:after { width:100%; height:100%; left:0; }
div.Y-Upward dt.Title { width:100%; height:45px; line-height:45px; bottom:0; }
div.Y-Upward:hover dt.Title { bottom:calc(50% + 20px); font-weight:bold; }
div.Y-Upward dd.Briefly { height:0; padding:0 8%; }
div.Y-Upward:hover dd.Briefly { height:50%; bottom:0; }

div.A-Inzoom dt.Title { width:0; padding:0; left:50%; transform: rotateY(0) scale(0); bottom:calc(50% - 19px); font-size:20px; }
div.A-Inzoom:hover dt.Title { width:100%; left:0; transform: rotateY(360deg) scale(1); }

div.A-Infour:hover dt.Title { bottom:calc(50% - 19px); font-size:20px; }

div.A-Readtxt div.mask:after { width:0; height:100%; left:0; top:0px; bottom:auto; }
div.A-Readtxt:hover div.mask:after { width:100%; background:rgba(0,0,0,.6); }
div.A-Readtxt:hover dt.Title { top:50px; bottom:auto; font-size:20px; }
div.A-Readtxt dd.Briefly { height:100%; left:-100%; top:0; bottom:auto; }
div.A-Readtxt:hover dd.Briefly { left:0; }


/* 层内图片向上滑动 */
[class="Y-Axishow"] img,[class="Small"] img { width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-45%); transition:all .5s; }
div.IMG-Main:hover [class="Y-Axishow"] img,div.Averages:hover [class="Y-Axishow"] img,[class="Small"]:hover img { transform:translateY(-55%); transition:all .5s; }

/* 层内图片水平放大 */
[class="IMG-Zoom"] img,[class="ShowPic"] img { width:auto; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); transition:all .5s; }
[class="IMG-Zoom"]:hover img,[class="ShowPic"]:hover img { transform:translateX(-50%) scale(1.1); transition:all .5s; }

/* 层内图片水平放大 */
[class="IMG-Show"] img { width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%); transition:all .5s; }
[class="IMG-Show"]:hover img { transform:translateY(-50%) scale(1.1); transition:all .5s; }


/* 图文平铺列表样式 */
div.Popuppics dl { width:100%; height:auto; padding:8px 8px 12px; text-align:center; font-size:10.5pt; line-height:22px; box-sizing:border-box; position:relative; }
div.Popuppics dl * { text-align:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; color:inherit; box-sizing:border-box; }
div.Popuppics dl .Title,[class^=IMG_List] dl .ETitle { width:100%; text-align:center; position:relative;display:inline-block; }
div.Popuppics dl .Title { height:32px; font-size:12pt; line-height:32px; }


/* 图文平铺列表样式 */
div.ItemBox,dl.K-Shadow,dl.K-Shadow dt,dl.K-Shadow label { box-sizing:border-box;position:relative;transition:all .5s; }
dl.K-Shadow { width:100%; height:auto; padding:5px 0 15px; box-sizing:border-box;position:static; }

dl.K-Shadow .Title { width:100%; height:58px; font-size:13pt; line-height:65px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; position:relative; }
dl.K-Shadow .Remarks { width:100%; height:90px; margin-bottom:15px; }

dl.K-Shadow dt a { width:100%; font-size:inherit; color:inherit; line-height:inherit; font-weight:inherit; white-space:nowrap; text-overflow:ellipsis; }
dl.K-Shadow dt:before,dl.K-Shadow dt:after { content:""; position:absolute; left:0; bottom:3px; }
dl.K-Shadow dt:after { width:28px; border-bottom:1px solid #333; z-index:0; transition:all .5s; }
dl.K-Shadow dt:before { width:100%; border-bottom:1px solid #DDD; z-index:-1; }

div.ItemBox label.AuthorTime,div.ItemBox label.Readlink { position:absolute;right:0; }
div.ItemBox label.AuthorTime { height:35px; padding:5px 3%; margin-top:-50px; font-family:Georgia; font-size:16pt; color:#FFF; }
div.ItemBox label.Readlink { background-color:transparent!important;color:#CCC!important;left:0;bottom:3px; }

div.ItemBox:hover label.Readlink { padding:0 2%; }
div.ItemBox:hover div.imgsty { box-shadow:0 5px 5px #DDD; }
div.ItemBox:hover dt:after { width:100%; transition:all .5s; }
[class*=IMG_List] div.ItemBox:hover div.Boxstyle { border-top-right-radius:40px; }
[class*=IMG_List_3] div.ItemBox:hover div.Boxstyle { border-top-right-radius:80px; }
[class*=IMG_List_2] div.ItemBox:hover div.Boxstyle { border-bottom-left-radius:120px; border-top-right-radius:120px; }

/* 
dl.K-Shadow:before,dl.K-Shadow:after {
  width:150%; height:8px;
  content:''; position:absolute; left:0; top:-40px; z-index:-1;
  -webkit-box-shadow: 0 15px 16px #666;
  -moz-box-shadow: 0 15px 16px #666;
  box-shadow: 0 15px 16px #666;
  -webkit-transform: skew(-15deg) rotate(-6deg);
  -moz-transform: skew(-15deg) rotate(-6deg);
  -ms-transform: skew(-15deg) rotate(-6deg);
  -o-transform: skew(-15deg) rotate(-6deg);
  transform: skew(-15deg) rotate(-6deg); 
}

dl.K-Shadow:after {
  left:auto; right:0;
  -webkit-transform: skew(15deg) rotate(6deg);
  -moz-transform: skew(15deg) rotate(6deg);
  -ms-transform: skew(15deg) rotate(6deg);
  -o-transform: skew(15deg) rotate(6deg);
  transform: skew(15deg) rotate(6deg); 
}
.IMG_List_2 .K-Shadow:before,.IMG_List_2 .K-Shadow:after { top:-55px; }
#Body_Main .IMG_List_2 .K-Shadow:before,#Body_Main .IMG_List_2 .K-Shadow:after { top:-50px; }
*/


/* 表格默认布局 */
table[class^="Table"] { width:100%;box-sizing:border-box;position:relative;clear:both; }
table[class^="Table"] tr td { box-sizing:border-box;position:relative; }
table[class^="Table"] tr + tr td { padding-top:10px; }
table[class^="Table"] tr td:nth-child(1) { padding-right:5px; }
table[class^="Table"] tr td:nth-last-child(1) { padding-left:5px; }
table.Table-1-3 tr td:nth-child(2),table.Table-2-3 tr td:nth-child(2) { padding:0 5px; }



[class^=IMG_List] div.imgsty,[class^=IMG_List] div.imgsty:hover,div.imgsty img,div.imgsty:hover img,figure img,figure:hover img,
[class^=IMG_List] div label.Title,[class^=IMG_List] div:hover label.Title,[class^=IMG_List] div p.Author,[class^=IMG_List] div:hover p.Author,
[class^=IMG_List] div ul.Zfloat,[class^=IMG_List] div:hover ul.Zfloat,div.marker,div.imgsty:hover div.marker
{
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}