body{background-size:auto;background-position:50% 50%;background-repeat:no-repeat;background-attachment:scroll;background-origin:border-box;background-clip:border-box;background-image:repeating-linear-gradient(#fff 0,#eee 80.4%,#777 100%);height:100vh;font-family:microsoft yahei}.grid{position:relative;clear:both;margin:0 auto;padding:1em 0 4em;max-width:1000px;list-style:none;text-align:center}.grid figure{position:relative;float:right;overflow:hidden;margin:10px 1%;min-width:200px;max-width:200px;max-height:360px;width:48%;height:auto;background:#3085a3;text-align:center;cursor:pointer}.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}.grid figure figcaption{padding:3em;color:#858585;text-transform:uppercase;font-size:1.5em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.grid figure figcaption:after,.grid figure figcaption:before{pointer-events:none}.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.grid figure h2{word-spacing:-.15em;font-weight:300}.grid figure h2 span{font-weight:800}.grid figure h2,.grid figure p{margin:0}.grid figure p{letter-spacing:1px;font-size:68.5%}figure.effect-duke{background:linear-gradient(-45deg,rgba(244,244,244,.35),rgba(244,244,244,.55))}figure.effect-duke img,figure.effect-duke p{transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}figure.effect-duke:hover img{opacity:.1;-webkit-transform:scale3d(1.3,1.3,1);transform:scale3d(1.3,1.3,1)}figure.effect-duke h2{transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}figure.effect-duke p{position:absolute;bottom:0;left:0;margin:20px;padding:37px;text-transform:none;font-size:85%;opacity:0;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1);-webkit-transform-origin:50% -100%;-ms-transform-origin:50% -100%;transform-origin:50% -100%}figure.effect-duke:hover h2,figure.effect-duke:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.grid{position:relative;clear:both;margin:0 auto;padding:1em 0 4em;max-width:1000px;list-style:none;text-align:center}.grid figure1{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:200px;max-width:200px;max-height:360px;width:48%;height:auto;background:#3085a3;text-align:center;cursor:pointer}.grid figure1 img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}.grid figure1 figcaption{padding:3em;color:#858585;text-transform:uppercase;font-size:1.5em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.grid figure1 figcaption:after,.grid figure1 figcaption:before{pointer-events:none}.grid figure1 figcaption,.grid figure1 figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}.grid figure1 figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.grid figure1 h2{word-spacing:-.15em;font-weight:300}.grid figure1 h2 span{font-weight:800}.grid figure p,.grid figure1 h2{margin:0}.grid figure1 p{letter-spacing:1px;font-size:68.5%}figure1.effect-duke{background:linear-gradient(-45deg,rgba(244,244,244,.35),rgba(244,244,244,.55))}figure1.effect-duke img,figure1.effect-duke p{transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}figure1.effect-duke:hover img{opacity:.1;-webkit-transform:scale3d(1.3,1.3,1);transform:scale3d(1.3,1.3,1)}figure1.effect-duke h2{transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}figure1.effect-duke p{position:absolute;bottom:0;left:0;margin:20px;padding:37px;text-transform:none;font-size:85%;opacity:0;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1);-webkit-transform-origin:50% -100%;-ms-transform-origin:50% -100%;transform-origin:50% -100%}figure1.effect-duke:hover h2,figure1.effect-duke:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}