.sprites {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(sprite2.png);}
.spritee {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(sprite1.png);}
.sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(sprite.png);}
.A {width:449px; height:421px; background-position: -1153px -501px}
.H1 {width:475px; height:489px; background-position: -716px -2px}
.L {width:389px; height:490px; background-position: -1604px -501px}
.U {width:472px; height:497px; background-position: -1193px -2px}
.Z {width:435px; height:491px; background-position: -716px -493px}
.btnNext {width:28px; height:33px; background-position: -1667px -48px}
.btnPrev {width:28px; height:33px; background-position: -1667px -83px}
.goodfellas {width:186px; height:21px; background-position: -1352px -970px}

.icoface {    width: 37px;
    height: 37px;
    background-position: 1px -227px;}
.icoface:hover {width:37px; height:37px; background-position: 1px -264px}
.icoinsta {    width: 37px;
    height: 37px;
    background-position: -34px -227px;}
.icoinsta:hover {width:37px; height:37px; background-position: -34px -264px}
.icovimeo {    width: 37px;
    height: 37px;
    background-position: -141px -226px;}
.icovimeo:hover {width:37px; height:37px; background-position: -141px -264px}
.logo-branco-haluz {    width: 445px;
    height: 223px;
    background-position: -160px -5px;}
.logobranco {width:197px; height:44px; background-position: -1px -2px}
.logobranco:hover {width:197px; height:44px; background-position: -1px -2px}
.plus {width:50px; height:48px; background-position: -1551px -924px}
.triangle {width:712px; height:713px; background-position: -2px -2px}
.visible1 {   
        width: 250px;
        height: 406px;
        float: left;
	    margin: 0px 16px;
		}
.img1{
    text-decoration: none;
    display: block;
        height: 406px;
    background-image: url(../img/img1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 8px;
}
.img1:hover{
    text-decoration: none;
    display: block;
        height: 406px;
    background-image: url(../img/img1_1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 8px;
}
.img2{
    text-decoration: none;
    display: block;
        height: 406px;
    background-image: url(../img/img2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 8px;
}
.img2:hover{
    text-decoration: none;
    display: block;
        height: 406px;
    background-image: url(../img/img2_2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 8px;
}
.img3{
    text-decoration: none;
    display: block;
        height: 406px;
    background-image: url(../img/img3.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 8px;
}
.img3:hover{
    text-decoration: none;
    display: block;
        height: 406px;
    background-image: url(../img/img3_3.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 8px;
}
.img31{
    text-decoration: none;
    display: block;
        height: 406px;
    background-image: url(../img/img31.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 8px;
}
.img31:hover{
    text-decoration: none;
    display: block;
        height: 406px;
    background-image: url(../img/img31_31.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 8px;
}
.visible2{
     width: 920px;
     height: 606px;
     /* float: left; */
     /* margin: 0px 0px; */
     margin: auto;
}
.visible3{
     width:640px;
    height: 471px;
    float: left;
    margin: 0px 1px;
}
.img4{text-decoration: none;display: block;height: 606px;background-image: url(https://images.qijishow.com/img4.png);background-repeat: no-repeat;background-size: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);}
.img5{
text-decoration: none;
    display: block;
    height: 621px;
    background-image: url(https://images.qijishow.com/imgbg1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
.button{
    font-family: 微软雅黑 宋体;
    border-width: 1px;
    max-width: 350px;
    margin: auto;
    background: #212121;
    border: 1px solid #212121;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    border-radius: 0;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 1em;
    text-transform: uppercase;
       padding: 1.723em 3.5em;
    letter-spacing: .175em;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: background-color;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
}
.template-info-copy p{
color: #c1c1c1;
    margin: auto;
    line-height: 2.1em;
    font-family: 微软雅黑;
    font-size: 13px;
    letter-spacing: .005em;
    margin-bottom: 28px;
}
.template-info-copy h1{
     font-family:微软雅黑;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 auto;
    margin-bottom: 20px;
}
.template-info-copy small{
       text-transform: uppercase;
    font-family: 微软雅黑;
    font-size: 12px;
    letter-spacing: .2em;
    line-height: 3.25em;
    font-weight: 400;
    color: #C3C3C3;
}
.button2{
    background: #212121;
    border: 1px solid #212121;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    font-family: 'Gotham SSm',sans-serif;
    font-size: 10px;
    border-radius: 0;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 1em;
    text-transform: uppercase;
    padding: 2.723em 5.5em;
    letter-spacing: .175em;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: background-color;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
}
'#template-detail .template-info .device-wrapper.monitor{
    height: 25.25vw;
	    width: 100%;
}
#template-detail .template-info .template-info-copy{
    position: absolute;
    top: 2.8vw;
    right: 4.5vw;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    padding: 0 3vw 0 4.2vw;
    box-sizing: border-box;
}
#template-detail .template-info .template-info-copy{
text-align: center;
    display: table;
}
.template-info-copy{
    width: 32%;
    height: auto;
    box-sizing: border-box;
    float: right;
}
.template-info-copy-content{
    text-align: center;
    display: table;
	    padding-top: 60px;
}
.excerpt{
    max-width: 350px;
}
.button-wrapper{
    padding: 10px 0 0 0;
    width: 60%;
    display: inline-block;
    position: relative;
}
.template-info{
padding: 25px 0 0 0;
    width: auto;
    display: inline-block;
    position: relative;
}
.device-wrapper monitor{
    height: 25.25vw;
	    width: 100%;
}.detail device monitor{
    width: 45vw;
    margin: 0 42.5vw 0 12.5vw;
}
.hover-trigger{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 30;
}