.eff-1 .dcommon{position:absolute;opacity:.2;background:#000;height:0;bottom:0;width:100%;transition:all .3s ease-in 0s}.eff-1:hover .dcommon{height:100%}.eff-2 .dcommon{position:absolute;opacity:.2;background:#000;height:0;top:0;width:100%;transition:all .3s ease-in 0s}.eff-2:hover .dcommon{height:100%}.eff-3 .dcommon{position:absolute;opacity:.2;background:#000;height:100%;top:0;left:0;width:0;transition:all .3s ease-in 0s}.eff-3:hover .dcommon{width:100%}.eff-4 .dcommon{position:absolute;opacity:.2;background:#000;height:100%;top:0;right:0;width:0;transition:all .3s ease-in 0s}.eff-4:hover .dcommon{width:100%}.eff-5 .dcommon{position:absolute;opacity:0;background:#000;height:100%;top:0;right:0;width:100%;transition:all .3s ease-in 0s}.eff-5:hover .dcommon{opacity:.2}.eff-6 img{transition:all .3s ease-in 0s}.eff-6:hover img{transform:scale(1.1) rotate(0deg)}.eff-1 .dcommon-in,.eff-2 .dcommon-in,.eff-3 .dcommon-in,.eff-4 .dcommon-in,.eff-5 .dcommon-in,.eff-6 .dcommon-in{display:none}.eff-7 .dcommon{position:absolute;opacity:0;height:100%;top:0;left:0;width:100%;transition:all .3s ease-in 0s;padding:10px;box-sizing:border-box}.eff-7 .dcommon-in{border:1px solid #ccc;height:100%;width:100%}.eff-7:hover .dcommon{opacity:1;padding:20px}.eff-8 .dcommon{position:absolute;opacity:0;height:100%;top:0;left:0;width:100%;transition:all .3s ease-in 0s;padding:10px;box-sizing:border-box}.eff-8 .dcommon-in{border:1px solid #ccc;height:100%;width:100%}.eff-8:hover .dcommon{opacity:1;padding:20px}.eff-8 img{transition:all .3s ease-in 0s}.eff-8:hover img{transform:scale(1.1) rotate(0deg)}.eff-9:hover img{opacity:.7}.eff-10 .dimg{display:block;overflow:hidden;position:relative}.eff-10 .dcommon{display:none}.eff-10 .dimg:after{background:none repeat scroll 0 0 rgba(0,0,0,.2);content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transform:rotate(180deg) scale(0);transition:all .3s ease 0s;width:100%}.eff-10 .dimg:hover:after{opacity:1;transform:rotate(0deg) scale(1)}.eff-11 .dimg{display:block;overflow:hidden;position:relative;transition:all .25s ease 0s;background:none repeat scroll 0 0 rgba(0,0,0,0)}.eff-11 .dcommon{display:none}.eff-11 .dimg:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .6s ease-in-out 0s}.eff-11 .dimg:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .6s ease-in-out 0s}.eff-11 .dimg:hover:before{background:none repeat scroll 0 0 rgba(255,255,255,.2);left:50%;right:50%}.eff-11 .dimg:hover:after{background:none repeat scroll 0 0 rgba(255,255,255,.2);bottom:50%}.eff-11 .dimg:hover{transition:all .25s ease 0s}.eff-12 .dcommon{display:none}.eff-12:before{border-top:2px solid #ccc;content:"";left:15px;opacity:0;position:absolute;right:100%;top:15px;transition:all .6s ease 0s;z-index:1}.eff-12{display:block;position:relative;overflow:hidden}.eff-12:after{border-right:2px solid #ccc;bottom:100%;content:"";opacity:0;position:absolute;right:15px;top:15px;transition:all .6s ease 0s}.eff-12 .dimg:before{border-top:2px solid #ccc;bottom:15px;content:"";left:100%;opacity:0;position:absolute;right:15px;transition:all .6s ease 0s;z-index:1}.eff-12 .dimg{display:block}.eff-12 .dimg:after{border-right:2px solid #ccc;bottom:15px;content:"";left:15px;opacity:0;position:absolute;top:100%;transition:all .6s ease 0s}.eff-12:hover:hover .dimg:before{left:15px;opacity:1}.eff-12:hover .dimg:after{opacity:1;top:15px}.eff-12:hover:after{bottom:15px;opacity:1}.eff-12:hover:before{opacity:1;right:15px}.eff-13 .dcommon{display:none}.eff-13 .dimg:before{border:15px solid #fff;content:"";height:100%;opacity:.2;position:absolute;transition:all .8s ease 0s;width:100%;z-index:1}.eff-13 .dimg{display:block;overflow:hidden;position:relative;width:100%}.eff-13 .dimg:hover img{transform:scale(1.05)}.eff-13 .dimg img{transition:all .8s ease 0s}.eff-13 .dimg:hover:before{border:1000px solid #fff}.eff-13 .dimg:hover{transition:all .25s ease 0s}.eff-14 .dcommon{display:none}.eff-14 .dimg:before{animation-duration:.3s;background:none repeat scroll 0 0 rgba(0,0,0,.2);content:"";display:block;height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .3s ease 0s;width:0}.eff-14 .dimg{display:block;overflow:hidden;position:relative}.eff-14 .dimg:hover:before{left:0;opacity:100;width:100%}.eff-15 .dcommon{display:none}.eff-15 .dimg{display:block;overflow:hidden;position:relative}.eff-15 .dimg:after{background-color:rgba(0,0,0,.2);content:"";height:100%;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transform:scale(0);transition:all .3s ease 0s;width:100%;z-index:100}.eff-15 .dimg:hover:after{opacity:.8;transform:scale(1);visibility:visible}.eff-16 .dcommon{display:none}.eff-16 .dimg:before{background:none repeat scroll 0 0 rgba(0,0,0,.1);bottom:10px;content:"";left:10px;opacity:0;position:absolute;right:10px;top:10px;transition:all .3s ease 0s}.eff-16 .dimg{display:block;overflow:hidden;position:relative;transition:all .3s ease 0s}.eff-16 .dimg:hover:before{animation:.6s ease-in-out 0s normal none 1 running rollIn;opacity:1}