.showcase-section .showcase:hover .showcase-img,.showcase-section .singe-portfolio:hover .portfolio-img{-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.showcase-section{position:relative;z-index:10;margin-top:100px;margin-bottom:50px;}
.showcase-section .showcase,.showcase-section .singe-portfolio{position:relative;float:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.showcase-section .showcase:first-child,.showcase-section .singe-portfolio:first-child{margin:175px 5px 0 0;width:calc(25% - 5px);max-width:378px;}
.showcase-section .showcase:nth-child(2),.showcase-section .singe-portfolio:nth-child(2){margin:0 5px;width:calc(46% - 10px);max-width:648px;}
.showcase-section .showcase:nth-child(3),.showcase-section .singe-portfolio:nth-child(3){margin-top:90px;margin-left:5px;width:calc(27% - 5px);height:100%;max-width:401px;max-height:331px;}
.showcase-section .showcase:nth-child(4),.showcase-section .singe-portfolio:nth-child(4){margin:10px 5px 0 5px;width:calc(31% - 10px);max-width:438px;}
.showcase-section .showcase:last-child,.showcase-section .singe-portfolio:last-child{margin:10px 0 0 5px;width:calc(44% - 5px);max-width:650px;}
.showcase-section .showcase:after,.showcase-section .showcase:before,.showcase-section .singe-portfolio:after,.showcase-section .singe-portfolio:before{position:absolute;z-index:10;display:block;height:0;content:'';}
.showcase-section .showcase:before,.showcase-section .singe-portfolio:before{top:10px;right:10px;width:0;border-top:2px solid transparent;border-left:2px solid transparent;}
.showcase-section .showcase:after,.showcase-section .singe-portfolio:after{bottom:10px;left:10px;width:0;border-right:2px solid transparent;border-bottom:2px solid transparent;}
.showcase-section .showcase:hover:after,.showcase-section .showcase:hover:before,.showcase-section .singe-portfolio:hover:after,.showcase-section .singe-portfolio:hover:before{width:calc(100% - 20px);height:calc(100% - 20px);}
.showcase-section .showcase:hover:after,.showcase-section .singe-portfolio:hover:after{transition:transform .25s ease-out,width .25s ease-out,height .25s ease-out .25s;border-bottom-color:#facc16;border-right-color:#facc16;}
.showcase-section .showcase:hover:before,.showcase-section .singe-portfolio:hover:before{transition:border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .7s;border-top-color:#facc16;border-left-color:#facc16;}
.showcase-section .showcase figure,.showcase-section .singe-portfolio figure{margin:0;}
.showcase-section img{display:block;margin:0 auto;width:100%;max-width:initial;transition:transform 1.5s cubic-bezier(.19,1,.22,1);-webkit-transform-origin:center;transform-origin:center;-ms-transform-origin:center;}
.showcase-section .portfolio-img,.showcase-section .showcase-img{position:relative;z-index:0;transition:transform 10s cubic-bezier(.19,1,.22,1);}
.showcase-section:not(.portfolio-photo) .showcase:hover .showcase-img,.showcase-section:not(.portfolio-photo) .singe-portfolio:hover .portfolio-img{transform:scale(1.15,1.15);}
.showcase-section .portfolio-img-trigger,.showcase-section .showcase-img-trigger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;cursor:pointer;}
.showcase-section{padding-bottom:100px;}
.showcase-section .popart-btn{display:block;margin:100px auto 0;}




/*媒体查询--------------------------------------------------------------*/
@media only screen and (max-width:1650px){
	.showcase-section .showcase:first-child,.showcase-section .singe-portfolio:first-child{margin-top:135px;}
	.showcase-section .showcase:nth-child(3),.showcase-section .singe-portfolio:nth-child(3){margin-top:68px;}
}
/*----------------------------------------------------------------------*/
@media only screen and (max-width:768px){
	.showcase-section .portfolio-img-trigger,.showcase-section .showcase-img-trigger{pointer-events:none;}
	.showcase-section{margin-top:70px;}
	.showcase-section .showcase:first-child,.showcase-section .singe-portfolio:first-child{margin-top:85px;}
	.showcase-section .showcase:nth-child(3),.showcase-section .singe-portfolio:nth-child(3){margin-top:43px;}
	.showcase-section .showcase,.showcase-section .singe-portfolio{float:none;margin:0 auto 15px!important;width:100%!important;max-width:400px;}
	.showcase-section .showcase img,.showcase-section .singe-portfolio img{margin:0;}
	.showcase-img{pointer-events:none!important;}
}