/* AB模版网 整站模板下载网站 www.9489.cn */

/* QQ：9490489 */

/* 仿站：Fang.AdminBuy.Cn */

/* 素材：Sc.AdminBuy.Cn */

@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;}



/*新增*/

.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;}

.caption h3{ font-weight:normal; font-size:115%; margin:0; padding:0.5em 5px 0.7em;}

.caption p{ margin:0; padding-bottom:0.7em;}



.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(../img/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(../img/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(../img/icon_link3.png) no-repeat center;}



.imgFloat .caption{position:absolute; bottom:0; left:0; width:100%;color:#fff;  }

.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; }

.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;}

.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.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}

.captionbgFadeInLeft .captionbg{ right:-100%;}

.captionbgFadeInLeft:hover .captionbg{ right:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}

.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:#fff; opacity:0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); 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;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}



.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);}

	

/*图片集*/

.multi-imgs .imgFadeInScale .img{ width:100%; height:100%; position:absolute;} 

@media (max-width:480px){

.caption-text-pd-Medium{ padding:0.8em !important;}

.caption-text-pd-Thick{ padding:1em !important;}

.caption-text-pd-Large{ padding:1em !important;}

}