.play-video-section .play-video,.play-video-section .play-video-footer{box-shadow:none;background:#fff;width:60px;height:60px;line-height:60px}.play-video-section .play-video .view-video,.play-video-section .play-video-footer .view-video{line-height:60px}.play-video-section .play-video .view-video i,.play-video-section .play-video-footer .view-video i{line-height:60px;padding-right:3px}.play-video-section .play-video:after,.play-video-section .play-video-footer:after{box-shadow:none}.play-video-section .content{padding:0 100px}.popup-video{position:relative}.popup-video .play-video,.popup-video .play-video-footer{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%)}.popup-video .play-video,.popup-video .play-video-footer{width:50px;height:50px}.popup-video .play-video .view-video,.popup-video .play-video-footer .view-video{width:50px;height:50px}.popup-video .play-video .view-video i,.popup-video .play-video-footer .view-video i{line-height:50px}.popup-video .play-video:hover,.popup-video .play-video-footer:hover{transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);background-color:#fff}.play-video .view-video,.play-video-footer .view-video{color:#fff;width:100px;height:100px;position:absolute;top:0;left:50%;padding-left:5px;transform:translateX(-50%)}.play-video .view-video i,.play-video-footer .view-video i{line-height:100px}.play-video-section.black-button .play-video,.play-video-section.black-button .play-video-footer{background:#323232}.play-video-section.black-button .play-video .view-video,.play-video-section.black-button .play-video-footer .view-video{color:#fff}.popup-video{position:relative}.play-video,.play-video-footer{cursor:pointer;position:relative;width:100px;height:100px;margin:auto;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.play-video .view-video,.play-video-footer .view-video{color:#fff;width:100px;height:100px;position:absolute;top:0;left:50%;padding-left:5px;transform:translateX(-50%)}.play-video .view-video i,.play-video-footer .view-video i{line-height:100px}.play-video:hover a,.play-video-footer:hover a{color:#84ba3f}.play-video:after,.play-video-footer:after{content:'';top:0;left:0;padding:0;z-index:-1;opacity:0;pointer-events:none;position:absolute;width:100%;height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.4);-moz-box-shadow:0 0 0 2px rgba(255,255,255,.4);box-shadow:0 0 0 2px rgba(255,255,255,.4)}.play-video:hover,.play-video-footer:hover{background:#fff!important;border-color:transparent!important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent!important;-moz-box-shadow:2px 6px 18px transparent!important;box-shadow:2px 6px 18px transparent!important}.play-video:hover:after,.play-video-footer:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms;-moz-animation:sonarEffect 1.3s ease-out 75ms;animation:sonarEffect 1.3s ease-out 75ms}@-webkit-keyframes sonarEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fff,0 0 0 10px rgba(255,255,255,.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fff,0 0 0 10px rgba(255,255,255,.5)}}@-moz-keyframes sonarEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fff,0 0 0 10px rgba(255,255,255,.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fff,0 0 0 10px rgba(255,255,255,.5)}}@keyframes sonarEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fff,0 0 0 10px rgba(255,255,255,.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fff,0 0 0 10px rgba(255,255,255,.5);transform:scale(1.5);opacity:0}}