.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)}.new-demo,.new-demo:before,.new-demo:after{position: absolute;width: 140px}.new-demo:before,.new-demo:after{height: 2px;content: '';display: block;left: 0;z-index: 1}.new-demo:before{top: -5px}.new-demo:after{bottom: -5px}.new-demo{height: 30px;left: -35px;top: 20px;text-align: center;z-index: 2;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);font-weight: bold;text-transform: uppercase;color: #fff;letter-spacing: 0.2em}.new-demo span{position: relative;z-index: 2}