.g5plus-theme-showcase{position:fixed;top:0;right:0;bottom:0;width:330px;z-index:999999;background:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);display:none}.g5plus-theme-showcase.changed{box-shadow:rgba(0,0,0,.05) -10px 0 25px}.g5plus-theme-showcase .btn-open{background:#fff;right:100%;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;box-shadow:rgba(0,0,0,.05) -6px 3px 10px;border:1px solid #eee;border-right-width:0}.g5plus-theme-showcase .btn-open a{width:35px;height:40px;text-align:center;line-height:40px;display:block;position:relative;color:#1f1f1f}.g5plus-theme-showcase .btn-open a+a{border-top:1px solid #eee}.g5plus-theme-showcase .btn-open i{font-size:16px;cursor:pointer;padding-top:12px}.g5plus-theme-showcase .btn-open,.g5plus-theme-showcase .btn-open a span,.g5plus-theme-showcase .btn-open a span:after{display:block;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute}.g5plus-theme-showcase .btn-open a span{opacity:0;visibility:hidden;z-index:-1;right:100%;white-space:nowrap;padding:0 5px 0 10px;line-height:30px;margin-right:5px;background-color:#1f1f1f;color:#fff;font-weight:600;box-shadow:rgba(0,0,0,.05) -6px 3px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;width:auto}.g5plus-theme-showcase .btn-open a span,.g5plus-theme-showcase .btn-open a span:after,.g5plus-theme-showcase .item{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.g5plus-theme-showcase .btn-open a span:after{content:"";left:100%;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #1f1f1f;width:0}.g5plus-theme-showcase .btn-open a:hover{color:#0077ed}.g5plus-theme-showcase .btn-open a:hover span{opacity:1;visibility:visible;z-index:1;margin-right:10px}.g5plus-theme-showcase .showcase-content{position:absolute;top:0;padding:30px 15px;overflow-y:auto;height:100%;width:100%}.g5plus-theme-showcase .item{position:relative;margin-bottom:15px;text-align:center;width:47%;float:left;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;box-shadow:0 2px 5px #ccc}.g5plus-theme-showcase .item:nth-child(2n){float:right}.g5plus-theme-showcase .item a{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.g5plus-theme-showcase .item .item-title{text-transform:uppercase;font-size:10px;color:#fff;font-weight:600;display:block;padding-bottom:2px;background-color:#1f1f1f}.g5plus-theme-showcase .item:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 10px 10px #ccc}.g5plus-theme-showcase .item:hover a{background:rgba(255,255,255,.5)}.g5plus-theme-showcase .item:hover a i{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}.g5plus-theme-showcase.changed{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.g5plus-theme-showcase.changed .theme-view-demo{color:#0077ed!important}h4.showcase-title{position:relative;text-align:center}@media (max-width:599px){.g5plus-theme-showcase{width:250px}.g5plus-theme-showcase .item,.g5plus-theme-showcase .item img{width:100%}}