.g5plus-view-demo{text-align: center;position: relative;z-index: 1}.g5plus-view-demo .view-demo-inner{position: relative;overflow: hidden}.g5plus-view-demo .view-demo-inner a{position: absolute;width: 100%;height: 100%;left: 0;z-index: 1;background-color: rgba(0,0,0,0.5);opacity: 0;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s}.g5plus-view-demo .view-demo-inner > div{-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s}.g5plus-view-demo .view-demo-inner > div img{width: 100%}.g5plus-view-demo > .view-demo-title{text-transform: uppercase;font-size: 16px;display: inline-block;color: #fff;margin-top: 34px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s}.g5plus-view-demo.coming-soon .view-demo-inner{text-align: center}.g5plus-view-demo.coming-soon .view-demo-inner .block-center{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s}.g5plus-view-demo.coming-soon .view-demo-inner p{font-size: 24px;color: #fff;letter-spacing: 0.2em}.g5plus-view-demo.coming-soon .view-demo-image{position: relative}.g5plus-view-demo.coming-soon .view-demo-image:before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.5)}.g5plus-view-demo:hover .view-demo-inner a,.g5plus-view-demo:hover .view-demo-inner .block-center{opacity: 1}.g5plus-view-demo:hover .view-demo-inner > .view-demo-image{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}