@charset "utf-8";
/*图片*/
/*旧修改*/
.w-img-border-hairline .img{ padding:1px;}
.w-img-border-thin .img{ padding:3px;}
.w-img-border-medium .img{ padding:5px;}
.w-img-border-thick .img{ padding:10px;}
.w-img-border-gray .img{ border:1px solid #ddd;}
.w-img-border-black .img{ border:1px solid #000;}
.w-img-border-hairline img{ padding:0;}
.w-img-border-thin img{ padding:0;}
.w-img-border-medium img{ padding:0;}
.w-img-border-thick img{ padding:0;}
.w-img-border-gray img{ border:0;}
.w-img-border-black img{ border:0;}
.w-simimg .w-img-caption{ padding-top:0;}
.imgbb{overflow:hidden; border:0px solid;}
.w-img-border-gray .imgbb{border:1px solid #ddd;}
.w-img-border-black .imgbb{border:1px solid #000;}
.w-img-border-gray .imgbb .img{ border:0;}
.w-img-border-black .imgbb .img{ border:0;}
.w-img-border-hairline .imgbb{ padding:1px;}
.w-img-border-thin .imgbb{ padding:3px;}
.w-img-border-medium .imgbb{ padding:5px;}
.w-img-border-thick .imgbb{ padding:10px;}
.w-img-border-hairline .imgbb .img,.w-img-border-thin .imgbb .img,.w-img-border-medium .imgbb .img,.w-img-border-thick .imgbb .img{ padding:0;}

/*新增*/
.caption-text-pd-default{ padding:0 !important;}
.caption-text-pd-hairline{ padding:5px !important;}
.caption-text-pd-thin{ padding:10px !important;}
.caption-text-pd-medium{ padding:15px !important;}
.caption-text-pd-thick{ padding:20px !important;}
.caption-text-pd-large{ padding:30px !important;}
.w-simimg .image-w{position:relative; overflow:hidden; }
.caption{ position:relative;}
.caption .captionbg{position:absolute;width:100%; height:100%;}
.caption .caption-text{z-index:10; position:relative;/*word-break: break-all; word-wrap: break-word;*/padding:0.5em 1px 0.7em;}
.caption h3{ font-weight:normal; font-size:115%; margin:0; line-height:1.5; }
.caption p{ margin:0;  opacity:0.85;}
.imgfloatnone .caption h3 p, .imgfloatfull .caption h3 p, .imgfloat .caption h3 p{padding-top:0.2em;}

.caption .more1 .more_span{ padding:0.2em 1em; border:1px solid #999; display:inline-block; *display:inline; *zoom:1;}
.caption .more1 i{display:none;}
.caption .more2 .more_span{ display:none;}
.caption .more2 i{ display:inline-block; *display:inline; *zoom:1; width:75px; height:75px; background:url(/uploads/image/assniimg/icon_link1.png) no-repeat center;}
.caption .more3 .more_span{ display:none;}
.caption .more3 i{ display:inline-block; *display:inline; *zoom:1; width:75px; height:75px; background:url(/uploads/image/assniimg/icon_link2.png) no-repeat center;}
.caption .more4 .more_span{ display:none;}
.caption .more4 i{ display:inline-block; *display:inline; *zoom:1; width:75px; height:75px; background:url(/uploads/image/assniimg/icon_link3.png) no-repeat center;}

.imgfloat .caption{position:absolute; bottom:0; left:0; width:100%;color:#fff; overflow:hidden;}
.imgfloat .caption .captionbg{ background:#000; opacity:0.5; *filter:alpha(opacity=50); filter:progid:dximagetransform.microsoft.alpha(opacity=50); z-index:0;}
.imgfloat .caption .caption-text .caption-text-in{padding:0 10px; } 
.imgfloat .caption .more1 .more_span{border-color:#fff;}
.imgfloatfull .caption{position:absolute;bottom:0; left:0; width:100%;height:100%;color:#fff; padding-top:0; overflow:hidden;}
.imgfloatfull .caption .captionbg{ background:#000; opacity:0.5; *filter:alpha(opacity=50); filter:progid:dximagetransform.microsoft.alpha(opacity=50); z-index:0;}
.imgfloatfull .caption .caption-text{ display:table; height:100%; width:100%; }
.imgfloatfull .caption .caption-text .caption-text-in{ display: table-cell; vertical-align: middle;padding:10px 5%;}
.imgfloatfull .caption .more1 .more_span{border-color:#fff;}

.imgscalebig .img{overflow:hidden;}
.imgscalebig:hover img{transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgscalesmall .img{overflow:hidden;}
.imgscalesmall img{transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.imgscalesmall:hover img{ transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgrotate .img{overflow:hidden;}
.imgrotate:hover img{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgleft .img{overflow:hidden;}
.imgleft img{transform: scale(1.2) translatex(5%);-ms-transform: scale(1.2) translatex(5%); -moz-transform: scale(1.2) translatex(5%);-webkit-transform: scale(1.2) translatex(5%);-o-transform: scale(1.2) translatex(5%);}
.imgleft:hover img{transform: scale(1.2) translatex(0);-ms-transform: scale(1.2) translatex(0); -moz-transform: scale(1.2) translatex(0);-webkit-transform: scale(1.2) translatex(0);-o-transform: scale(1.2) translatex(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgright .img{overflow:hidden;}
.imgright img{transform: scale(1.2) translatex(-5%);-ms-transform: scale(1.2) translatex(-5%); -moz-transform: scale(1.2) translatex(-5%);-webkit-transform: scale(1.2) translatex(-5%);-o-transform: scale(1.2) translatex(-5%);}
.imgright:hover img{transform: scale(1.2) translatex(0);-ms-transform: scale(1.2) translatex(0); -moz-transform: scale(1.2) translatex(0);-webkit-transform: scale(1.2) translatex(0);-o-transform: scale(1.2) translatex(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgtop .img{overflow:hidden;}
.imgtop img{transform: scale(1.2) translatey(5%);-ms-transform: scale(1.2) translatey(5%); -moz-transform: scale(1.2) translatey(5%);-webkit-transform: scale(1.2) translatey(5%);-o-transform: scale(1.2) translatey(5%);}
.imgtop:hover img{transform: scale(1.2) translatey(0);-ms-transform: scale(1.2) translatey(0); -moz-transform: scale(1.2) translatey(0);-webkit-transform: scale(1.2) translatey(0);-o-transform: scale(1.2) translatey(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgbottom .img{overflow:hidden;}
.imgbottom img{transform: scale(1.2) translatey(-5%);-ms-transform: scale(1.2) translatey(-5%); -moz-transform: scale(1.2) translatey(-5%);-webkit-transform: scale(1.2) translatey(-5%);-o-transform: scale(1.2) translatey(-5%);}
.imgbottom:hover img{transform: scale(1.2) translatey(0);-ms-transform: scale(1.2) translatey(0); -moz-transform: scale(1.2) translatey(0);-webkit-transform: scale(1.2) translatey(0);-o-transform: scale(1.2) translatey(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgleftbig .img{overflow:hidden;}
.imgleftbig:hover img{transform:translatex(-100%);-ms-transform: translatex(-100%); -moz-transform: translatex(-100%);-webkit-transform: translatex(-100%);-o-transform: translatex(-100%);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.imgleftbig .caption .captionbg{ opacity: 1;*filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100);}
.imgrightbig .img{overflow:hidden;}
.imgrightbig:hover img{transform:translatex(100%);-ms-transform: translatex(100%); -moz-transform: translatex(100%);-webkit-transform: translatex(100%);-o-transform: translatex(100%);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgrightbig .caption .captionbg{ opacity: 1;*filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100);}
.imgtopbig .img{overflow:hidden;}
.imgtopbig:hover img{transform:translatey(-100%);-ms-transform: translatey(-100%); -moz-transform: translatey(-100%);-webkit-transform: translatey(-100%);-o-transform: translatey(-100%);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgtopbig .caption .captionbg{ opacity: 1;*filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100);}
.imgbottombig .img{overflow:hidden;}
.imgbottombig:hover img{transform:translatey(100%);-ms-transform: translatey(100%); -moz-transform: translatey(100%);-webkit-transform: translatey(100%);-o-transform: translatey(100%);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgbottombig .caption .captionbg{ opacity: 1;*filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100);}
.imgscalehide .img{overflow:hidden;}
.imgscalehide:hover .img{transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}

.imgfadeinscale .img{transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; opacity:0; *filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0);}
.imgfadeinscale:hover .img{transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; opacity:1; *filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100);}


.captionbgfadeindefault .captionbg{ bottom:-100%; }
.captionbgfadeindefault:hover .captionbg{ bottom:0;}
.captionbgfadeinup .captionbg{ bottom:-100%;}
.captionbgfadeinup:hover .captionbg{ bottom:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.captionbgfadeindown .captionbg{ top:-1000px;}
.captionbgfadeindown:hover .captionbg{ top:0;transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out;}
.captionbgfadeinright .captionbg{ left:-100%;}
.captionbgfadeinright:hover .captionbg{ left:0;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.captionbgfadeinleft .captionbg{ right:-100%;}
.captionbgfadeinleft:hover .captionbg{ right:0;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.captionbgfadeinscale .captionbg{transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);bottom:-100%; }
.captionbgfadeinscale:hover .captionbg{bottom:0; transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;}
.captionbgswingleft .captionbg{left:100%;transform: perspective(400px) rotatey(-90deg);-ms-transform: perspective(400px) rotatey(-90deg); -moz-transform: perspective(400px) rotatey(-90deg);-webkit-transform: perspective(400px) rotatey(-90deg); -o-transform: perspective(400px) rotatey(-90deg);transform-origin:right center 0;-ms-transform-origin: right center 0; -moz-transform-origin:right center 0;-webkit-transform-origin:right center 0; -o-transform-origin:right center 0;
    transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.captionbgswingleft:hover .captionbg{left:0;transform: perspective(400px) rotatey(0deg);-ms-transform: perspective(400px) rotatey(0deg); -moz-transform: perspective(400px) rotatey(0deg);-webkit-transform: perspective(400px) rotatey(0deg); -o-transform: perspective(400px) rotatey(0deg);}
.captionbgswingright .captionbg{left:-100%;transform: perspective(400px) rotatey(90deg);-ms-transform: perspective(400px) rotatey(90deg); -moz-transform: perspective(400px) rotatey(90deg);-webkit-transform: perspective(400px) rotatey(90deg); -o-transform: perspective(400px) rotatey(90deg);transform-origin:left center 0;-ms-transform-origin: left center 0; -moz-transform-origin:left center 0;-webkit-transform-origin:left center 0; -o-transform-origin:left center 0;
    transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.captionbgswingright:hover .captionbg{left:0;transform: perspective(400px) rotatey(0deg);-ms-transform: perspective(400px) rotatey(0deg); -moz-transform: perspective(400px) rotatey(0deg);-webkit-transform: perspective(400px) rotatey(0deg); -o-transform: perspective(400px) rotatey(0deg);}
.captionbgswingdown .captionbg{top:-100%;transform: perspective(400px) rotatex(-90deg);-ms-transform: perspective(400px) rotatex(-90deg); -moz-transform: perspective(400px) rotatex(-90deg);-webkit-transform: perspective(400px) rotatex(-90deg); -o-transform: perspective(400px) rotatex(-90deg);transform-origin:center top 0;-ms-transform-origin: center top 0; -moz-transform-origin:center top 0;-webkit-transform-origin:center top 0; -o-transform-origin:center top 0;
    transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;}
.captionbgswingdown:hover .captionbg{top:0;transform: perspective(400px) rotatex(0deg);-ms-transform: perspective(400px) rotatex(0deg); -moz-transform: perspective(400px) rotatex(0deg);-webkit-transform: perspective(400px) rotatex(0deg); -o-transform: perspective(400px) rotatex(0deg);}
.captionbgswingup .captionbg{bottom:-100%;transform: perspective(400px) rotatex(90deg);-ms-transform: perspective(400px) rotatex(90deg); -moz-transform: perspective(400px) rotatex(90deg);-webkit-transform: perspective(400px) rotatex(90deg); -o-transform: perspective(400px) rotatex(90deg);transform-origin:center bottom 0;-ms-transform-origin: center bottom 0; -moz-transform-origin:center bottom 0;-webkit-transform-origin:center bottom 0; -o-transform-origin:center bottom 0;
    transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.captionbgswingup:hover .captionbg{bottom:0;transform: perspective(400px) rotatex(0deg);-ms-transform: perspective(400px) rotatex(0deg); -moz-transform: perspective(400px) rotatex(0deg);-webkit-transform: perspective(400px) rotatex(0deg); -o-transform: perspective(400px) rotatex(0deg);}
.captionbgfadeinrotate .captionbg{ bottom:-200%; transform: scale(0.5) rotatez(180deg);-ms-transform: scale(0.5) rotatez(180deg); -moz-transform: scale(0.5) rotatez(180deg);-webkit-transform: scale(0.5) rotatez(180deg); -o-transform: scale(0.5) rotatez(180deg);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;}
.captionbgfadeinrotate:hover .captionbg{bottom:0;transform: scale(1) rotatez(0deg);-ms-transform: scale(1) rotatez(0deg); -moz-transform:scale(1) rotatez(0deg);-webkit-transform: scale(1) rotatez(0deg); -o-transform:scale(1) rotatez(0deg);}
.captionbgcircletl .captionbg{left:-100%; top:-100%; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.captionbgcircletl:hover .captionbg{ left:0; top:0;transform: scale(3);-ms-transform: scale(3); -moz-transform: scale(3);-webkit-transform: scale(3); -o-transform: scale(3);}
.captionbgcircletr .captionbg{right:-100%; top:-100%; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.captionbgcircletr:hover .captionbg{ right:0; top:0;transform: scale(3);-ms-transform: scale(3); -moz-transform: scale(3);-webkit-transform: scale(3); -o-transform: scale(3);}
.captionbgcirclebl .captionbg{left:-100%; bottom:-100%; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.captionbgcirclebl:hover .captionbg{ left:0; bottom:0;transform: scale(3);-ms-transform: scale(3); -moz-transform: scale(3);-webkit-transform: scale(3); -o-transform: scale(3);}
.captionbgcirclebr .captionbg{left:100%; top:100%; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.captionbgcirclebr:hover .captionbg{ left:0; top:0;transform: scale(3);-ms-transform: scale(3); -moz-transform: scale(3);-webkit-transform: scale(3); -o-transform: scale(3);}
.captionbght .captionbg{transform: perspective(1000px) rotatey(90deg);-ms-transform:translatey(100%); -moz-transform:perspective(1000px) rotatey(90deg);-webkit-transform: perspective(1000px) rotatey(90deg); -o-transform: perspective(1000px) rotatey(90deg);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;}
.captionbght:hover .captionbg{transform: perspective(600px) rotatey(0deg);-ms-transform:translatey(0); -moz-transform:perspective(600px) rotatey(0deg);-webkit-transform: perspective(600px) rotatey(0deg); -o-transform: perspective(600px) rotatey(0deg);}
.captionbgvt .captionbg{transform: perspective(600px) rotatex(90deg);-ms-transform:translatex(100%); -moz-transform:perspective(600px) rotatex(90deg);-webkit-transform: perspective(600px) rotatex(90deg); -o-transform: perspective(600px) rotatex(90deg);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;}
.captionbgvt:hover .captionbg{transform: perspective(600px) rotatex(0deg);-ms-transform:translatex(0); -moz-transform:perspective(600px) rotatex(0deg);-webkit-transform: perspective(600px) rotatex(0deg); -o-transform: perspective(600px) rotatex(0deg);}

.captionbgfadeout .caption .captionbg{ background:#000; opacity:0.55; *filter:alpha(opacity=55); filter:progid:dximagetransform.microsoft.alpha(opacity=55); z-index:0;}
.captionbgfadeoutdefault .captionbg{ bottom:0; }
.captionbgfadeoutdefault:hover .caption .captionbg{ opacity:0; *filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
.captionbgfadeoutscale .caption .captionbg{  opacity:1; *filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); z-index:0;}
.captionbgfadeoutscale {transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);bottom:0;opacity:1; *filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); }
.captionbgfadeoutscale:hover .captionbg{ transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; opacity:0; *filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0);}

.textfade .textfadeindefault{opacity:0; *filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); width:100%;}
.textfade:hover .textfadeindefault{opacity:1; *filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.textfade .textfadeinup{opacity:0; *filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); margin-bottom:-35px; width:100%;}
.textfade:hover .textfadeinup{opacity:1; *filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); margin-bottom:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.textfade .textfadeindown{opacity:0; *filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); margin-bottom:35px; width:100%;}
.textfade:hover .textfadeindown{opacity:1; *filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); margin-bottom:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.textfade .textfadeinleft{opacity:0; *filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); margin-left:-100%; width:100%;}
.textfade:hover .textfadeinleft{opacity:1; *filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); margin-left:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.textfade .textfadeinright{opacity:0; *filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); margin-left:100%;width:100%;}
.textfade:hover .textfadeinright{opacity:1; *filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); margin-left:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.textfade .textfadeinscale{opacity:0; *filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); width:100%; transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);}
.textfade:hover .textfadeinscale{opacity:1; *filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.textfade .textfadeinrotate{opacity:0; *filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); width:100%;}
.textfade:hover .textfadeinrotate{opacity:1; *filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); -webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.textfade .textfadeoutdefault{opacity:1; *filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); width:100%;}
.textfade:hover .textfadeoutdefault{opacity:0; *filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s;}
.textfade .textfadeoutscale{opacity:1; *filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); width:100%; transform: scale(0);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);}
.textfade:hover .textfadeoutscale{opacity:0; *filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}

.imgtextl .caption::before,.imgtextl .caption::after{position:absolute; content: "";opacity: 0;*filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); z-index:99;}
.imgtextl .caption::before{border-bottom: 1px solid #fff;border-top: 1px solid #fff;bottom: 20px;left: 10px;right: 10px; top: 20px;transform: scale(0, 1);-ms-transform: scale(0, 1); -moz-transform: scale(0, 1);-webkit-transform: scale(0, 1); -o-transform: scale(0, 1);transform-origin: 0 0 0;-ms-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0; -o-transform-origin: 0 0 0;}
.imgtextl .caption::after{border-left: 1px solid #fff; border-right: 1px solid #fff; bottom: 10px; left: 20px; right: 20px; top: 10px; transform: scale(1, 0); -ms-transform:scale(1, 0);-moz-transform: scale(1, 0);-webkit-transform: scale(1, 0); -o-transform: scale(1, 0);transform-origin: 100% 0 0;-ms-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0;-webkit-transform-origin: 100% 0 0; -o-transform-origin: 100% 0 0;}
.imgtextl:hover .caption::before, .imgtextl:hover .caption::after {
    opacity: 1;*filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100);
    transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);
	transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;
}
.imgtexta .caption::before,.imgtexta .caption::after{position:absolute; content: "";opacity: 0;*filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); z-index:99;}
.imgtexta .caption::before{border-bottom: 1px solid #fff;border-top: 1px solid #fff;bottom: 10px;left: 10px;right: 10px; top: 10px;transform: scale(0, 1);-ms-transform: scale(0, 1); -moz-transform: scale(0, 1);-webkit-transform: scale(0, 1); -o-transform: scale(0, 1);transform-origin: 0 0 0;-ms-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0; -o-transform-origin: 0 0 0;}
.imgtexta .caption::after{border-left: 1px solid #fff; border-right: 1px solid #fff; bottom: 10px; left: 10px; right: 10px; top: 10px; transform: scale(1, 0); -ms-transform:scale(1, 0);-moz-transform: scale(1, 0);-webkit-transform: scale(1, 0); -o-transform: scale(1, 0);transform-origin: 100% 0 0;-ms-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0;-webkit-transform-origin: 100% 0 0; -o-transform-origin: 100% 0 0;}
.imgtexta:hover .caption::before, .imgtexta:hover .caption::after {
    opacity: 1;*filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100);
    transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);
	transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;
}

.imgtextb .caption::before{content: "";opacity: 0;*filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); z-index:99;transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);border: 1px solid #fff;bottom: 10px;left: 10px;position: absolute;right: 10px;top: 10px;}
.imgtextb:hover .caption::before{opacity: 1;*filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); z-index:99;transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}

.imgtexts .caption::before,.imgtexts .caption::after{background: #fff none repeat scroll 0 0;content: "";height: 1px;left: 50%; position: absolute; z-index:99;top: 50%;opacity: 0;*filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0);transform: translate3d(-50%, -50%, 0px);-ms-transform: translate(-50%, -50%); -moz-transform: translate3d(-50%, -50%, 0px);-webkit-transform: translate3d(-50%, -50%, 0px); -o-transform:translate3d(-50%, -50%, 0px);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;width: 80%;}
.imgtexts:hover .caption::before{opacity: 0.5;*filter:alpha(opacity=50); filter:progid:dximagetransform.microsoft.alpha(opacity=50);
    transform: translate3d(-50%, -50%, 0px) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate3d(-50%, -50%, 0px) rotate(45deg);-webkit-transform: translate3d(-50%, -50%, 0px) rotate(45deg); -o-transform: translate3d(-50%, -50%, 0px) rotate(45deg);}
.imgtexts:hover .caption::after{opacity: 0.5;*filter:alpha(opacity=50); filter:progid:dximagetransform.microsoft.alpha(opacity=50);
    transform: translate3d(-50%, -50%, 0px) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate3d(-50%, -50%, 0px) rotate(-45deg);-webkit-transform: translate3d(-50%, -50%, 0px) rotate(-45deg); -o-transform: translate3d(-50%, -50%, 0px) rotate(-45deg);}

.imgtextc .caption::before{content: "";opacity: 0;*filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0); z-index:99;transform: scale(1.2);-ms-transform: scale(1.2); -moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2);border: 1px solid #fff;bottom: 10px;left: 10px;position: absolute;right: 10px;top: 10px;}
.imgtextc:hover .caption::before{opacity: 1;*filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100); transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}

.imgtextd .caption::before{
	border: 2px solid #fff; content: "";height: 50%;left: 50%;opacity: 0;*filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0);position: absolute; z-index:99;top: 50%;
    transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
	-ms-transform:translate(-50%, -50%) rotate(-45deg) scale(0, 0);-moz-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);-webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1); -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    transform-origin: 50% 50% 0;
	-ms-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0;-webkit-transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	-moz-transition:  opacity 0.35s ease 0s, transform 0.35s ease 0s;-webkit-transition:  opacity 0.35s ease 0s, transform 0.35s ease 0s; -o-transition:  opacity 0.35s ease 0s, transform 0.35s ease 0s;
    width: 50%;
}
.imgtextd:hover .caption::before {
    opacity: 1;*filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100);
    transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
	-ms-transform:translate(-50%, -50%) rotate(-45deg) scale(1, 1);-moz-transform:translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);-webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1); -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
}

.imgtexte .caption::before{
	border: 2px solid #fff; content: "";height: 50%;left: 50%;opacity: 0;*filter:alpha(opacity=0); filter:progid:dximagetransform.microsoft.alpha(opacity=0);position: absolute; z-index:99;top: 50%;
    transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1);
	-ms-transform:translate(-50%, -50%) rotate(45deg) scale(0, 0);-moz-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1);-webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1); -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1);
    transform-origin: 50% 50% 0;
	-ms-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0;-webkit-transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	-moz-transition:  opacity 0.35s ease 0s, transform 0.35s ease 0s;-webkit-transition:  opacity 0.35s ease 0s, transform 0.35s ease 0s; -o-transition:  opacity 0.35s ease 0s, transform 0.35s ease 0s;
    width: 50%;
}
.imgtexte:hover .caption::before {
    opacity: 1;*filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100);
    transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
	-ms-transform:translate(-50%, -50%) rotate(45deg) scale( 1, 1);-moz-transform:translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);-webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}

.imgtextf .caption::before{background: rgba(255, 255, 255, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);
	-ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, -100%);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);
    transition: transform 0.6s ease 0s;
	-moz-transition: transform 0.6s ease 0s;-webkit-transition:  transform 0.6s ease 0s; -o-transition: transform 0.6s ease 0s;
    width: 100%;}
.imgtextf:hover .caption::before{transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, 100%x);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);}
.imgtextf .caption .captionbg{ opacity: 0 !important;*filter:alpha(opacity=0) !important; filter:progid:dximagetransform.microsoft.alpha(opacity=0) !important;}

.imgtextg .caption::after{border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
	-ms-transform: rotate(45deg) scale(1, 0);-moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);-webkit-transform:  rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -o-transform:  rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    transform-origin: 50% 50% 0;
	-ms-transform-origin: 50% 50% 0;-moz-transform-origin: 50% 50% 0;-webkit-transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0;
    width: 100%;
    transition:opacity 0.6s ease 0s, transform 0.6s ease 0s;
	-moz-transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;-webkit-transition:  opacity 0.6s ease 0s, transform 0.6s ease 0s; -o-transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
}
.imgtextg:hover .caption::after{opacity: 1;
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);-ms-transform:rotate(45deg) scale(1, 1);-moz-transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);}

.imggrayscale img{filter: grayscale(100%);-webkit-filter: grayscale(100%); opacity:0.4;}/*灰度*/
.imggrayscale:hover img{filter: grayscale(0);-webkit-filter: grayscale(0); opacity:1;}
.imggrayscale p{ font-size:90%; padding-top:0; color:#aaa;}

.imgfloat.captionbgfadeindefault.textfade .img{ overflow:hidden;}
.imgfloat.captionbgfadeindefault.textfade .img img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgfloat.captionbgfadeindefault.textfade:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1);}
.imgfloat.captionbgfadeindefault.textfade .captionbg{ bottom:0;}
.imgfloat.captionbgfadeindefault.textfade .textfadeindefault{ opacity:1;*filter:alpha(opacity=100); filter:progid:dximagetransform.microsoft.alpha(opacity=100);}
@media (max-width:640px){
    .imgfloat.captionbgfadeindefault.textfade .caption .caption-text{padding-top: 0.2em; padding-bottom: 0.2em;}
}
.imgfloatnone .image-w:has(> a .imgtop){ overflow: visible !important;}
.imgfloatnone .imgtop{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.imgfloatnone .imgtop:hover{
	-webkit-transform:translatey(-12px);
	-moz-transform:translatey(-12px);
	transform:translatey(-12px)
}
.imgfloatnone .imgtop img {
    transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
}

.imgfloatnone .imgtop:hover img {
    transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
}
/*图片集*/
.multi-imgs .img{ width:100%; height:100%; position:absolute; left:0; top:0;} /*新增*/
.multi-imgs .imgfadeinscale .img{ width:100%; height:100%; position:absolute;} 
@media (max-width:480px){
.caption h3{ font-size: 105%;}
.caption p{ font-size: 90%;}
.caption-text-pd-medium{ padding:0.8em !important;}
.caption-text-pd-thick{ padding:1em !important;}
.caption-text-pd-large{ padding:1em !important;}
}
/*鼠标进入进出*/
.w-multi-imgs-inout li{ position:relative;}
.imginout a{ display:block;-webkit-perspective:400px;perspective:400px; position:relative;overflow:hidden;}
.imginout .caption{-webkit-transform:rotate3d(1,0,0,90deg);
 transform:rotate3d(1,0,0,90deg);
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 pointer-events:none; color:#fff; padding:0;}
.imginout .caption .captionbg{ opacity:0.85; *filter:alpha(opacity=85); filter:progid:dximagetransform.microsoft.alpha(opacity=85); z-index:0;}
.imginout .caption .caption-text{ display:table; height:100%; width:100%; }
.imginout .caption .caption-text .caption-text-in{ display: table-cell; vertical-align: middle;padding:10px;}
.in-top .caption {
 -webkit-transform-origin:50% 0%;
 transform-origin:50% 0%;
 -webkit-animation:in-top 300ms ease 0ms 1 forwards;
 animation:in-top 300ms ease 0ms 1 forwards;
}
.in-right .caption {
 -webkit-transform-origin:100% 0%;
 transform-origin:100% 0%;
 -webkit-animation:in-right 300ms ease 0ms 1 forwards;
 animation:in-right 300ms ease 0ms 1 forwards;
}
.in-bottom .caption {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:in-bottom 300ms ease 0ms 1 forwards;
 animation:in-bottom 300ms ease 0ms 1 forwards;
}
.in-left .caption {
 -webkit-transform-origin:0% 0%;
 transform-origin:0% 0%;
 -webkit-animation:in-left 300ms ease 0ms 1 forwards;
 animation:in-left 300ms ease 0ms 1 forwards;
}
.out-top .caption {
 -webkit-transform-origin:50% 0%;
 transform-origin:50% 0%;
 -webkit-animation:out-top 300ms ease 0ms 1 forwards;
 animation:out-top 300ms ease 0ms 1 forwards;
 top:-1px;
}
.out-right .caption {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:out-right 300ms ease 0ms 1 forwards;
 animation:out-right 300ms ease 0ms 1 forwards;
 left:1px;
}
.out-bottom .caption {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:out-bottom 300ms ease 0ms 1 forwards;
 animation:out-bottom 300ms ease 0ms 1 forwards;
 top:1px;
}
.out-left .caption{
 -webkit-transform-origin:0% 0%;
 transform-origin:0% 0%;
 -webkit-animation:out-left 300ms ease 0ms 1 forwards;
 animation:out-left 300ms ease 0ms 1 forwards;
 left:-1px;
}
@-webkit-keyframes in-top {
 from {
  -webkit-transform:rotate3d(-1,0,0,90deg);
  transform:rotate3d(-1,0,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@keyframes in-top {
 from {
  -webkit-transform:rotate3d(-1,0,0,90deg);
  transform:rotate3d(-1,0,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@-webkit-keyframes in-right {
 from {
  -webkit-transform:rotate3d(0,-1,0,90deg);
  transform:rotate3d(0,-1,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@keyframes in-right {
 from {
  -webkit-transform:rotate3d(0,-1,0,90deg);
  transform:rotate3d(0,-1,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@-webkit-keyframes in-bottom {
 from {
  -webkit-transform:rotate3d(1,0,0,90deg);
  transform:rotate3d(1,0,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@keyframes in-bottom {
 from {
  -webkit-transform:rotate3d(1,0,0,90deg);
  transform:rotate3d(1,0,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@-webkit-keyframes in-left {
 from {
  -webkit-transform:rotate3d(0,1,0,90deg);
  transform:rotate3d(0,1,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@keyframes in-left {
 from {
  -webkit-transform:rotate3d(0,1,0,90deg);
  transform:rotate3d(0,1,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@-webkit-keyframes out-top {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(-1,0,0,130deg);
  transform:rotate3d(-1,0,0,130deg);
 }
}
@keyframes out-top {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(-1,0,0,130deg);
  transform:rotate3d(-1,0,0,130deg);
 }
}
@-webkit-keyframes out-right {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(0,-1,0,130deg);
  transform:rotate3d(0,-1,0,130deg);
 }
}
@keyframes out-right {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(0,-1,0,130deg);
  transform:rotate3d(0,-1,0,130deg);
 }
}
@-webkit-keyframes out-bottom {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(1,0,0,130deg);
  transform:rotate3d(1,0,0,130deg);
 }
}
@keyframes out-bottom {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(1,0,0,130deg);
  transform:rotate3d(1,0,0,130deg);
 }
}
@-webkit-keyframes out-left {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(0,1,0,130deg);
  transform:rotate3d(0,1,0,130deg);
 }
}
@keyframes out-left {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(0,1,0,130deg);
  transform:rotate3d(0,1,0,130deg);
 }
}

/*图集新增优化*/
.w-multi-imgs .igbox{ position:relative;}
.w-multi-imgs .igsize{position:absolute; left:0; top:0; overflow:hidden;}