#ctr { padding-top: 120px; }
#ctr .tit { position: relative; width: 100%; height: 100px; font-size: 48px; line-height: 80px; text-align: center; color: #fff; }
#ctr .bk { position: relative; width: 320px; height: 310px; margin: 0px 15px 20px 0px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#ctr .bk:nth-child(3n+1) { margin-right: 0px; }
#ctr .bk * { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#ctr .bk .mask { position: absolute; width: 290px; height: 190px; left: 15px; top: 15px; overflow: hidden; }
#ctr .bk .mask img { position: absolute; width: 290px; height: 190px; left: 0px; top: 0px; }
#ctr .bk .txt { position: absolute; width: 320px; height: 60px; left: 0px; top: 215px; text-align: center; font-size: 16px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
#ctr .bk .btn { position: absolute; width: 150px; height: 35px; left: 85px; bottom: 0px; letter-spacing: 1px; line-height: 33px; border: 1px solid #fff; padding: 0 30px 0 55px; color: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; }
#ctr .bk .btn:before { content: url(../images/lkicw.png); position: absolute; width: 20px; height: 20px; left: 33px; top: 4px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#ctr .bk .btn:after { content: "MORE"; }
#ctr .bk:hover .mask img { -webkit-transform: scale(1.25, 1.25); -moz-transform: scale(1.25, 1.25); -ms-transform: scale(1.25, 1.25); -o-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25); -webkit-transition-duration: 4s; -moz-transition-duration: 4s; -o-transition-duration: 4s; transition-duration: 4s; }
#ctr .bk:hover .txt { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
#ctr .bk:hover .btn:hover { background: #fff; color: #000; }
#ctr .bk:hover .btn:hover:before { content: url(../images/lkicb.png); }

.pop { background: url(../images/wovl.png) repeat; position: fixed; width: 100%; height: 100%; left: 0; top: 0; display: none; }
.pop .bg { position: absolute; width: 980px; height: 520px; left: 50%; margin-left: -490px; top: 50%; margin-top: -260px; padding: 60px 0 0 40px; -webkit-box-shadow: black 10px 10px 30px; -moz-box-shadow: black 10px 10px 30px; box-shadow: black 10px 10px 30px; }
.pop .bg .scrollbar-inner { width: 720px; height: 420px; padding-right: 20px; }
.pop .bg .scrollbar-inner h1 { line-height: 44px; font-size: 36px; color: #fff; margin: 0 0 20px 0; }
.pop .bg .scrollbar-inner h3 { line-height: 25px; font-size: 18px; color: #fff; }
.pop .bg .scrollbar-inner p { margin: 0 0 25px 0; }
.pop .bg .clz { background: url(../images/wclz.png) no-repeat center; position: absolute; width: 30px; height: 30px; right: 15px; top: 15px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.pop .bg .clz:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.pop .pm1 { background: url(../images/pop/pm1.jpg) no-repeat center; }
.pop .pm2 { background: url(../images/pop/pm2.jpg) no-repeat center; }
.pop .pm3 { background: url(../images/pop/pm3.jpg) no-repeat center; }