.zwPlayer{position:relative;width:350px;height:220px;background:linear-gradient(138deg,#494d50 0,#212324 100%);border:4px solid transparent;border-radius:8px;background-clip:padding-box;padding:10px;margin-top:30px}.zwPlayer::after{position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;background:linear-gradient(138deg,#082844 0,#2380c4 100%);content:'';z-index:-1;border-radius:8px}.zwPlayer .zwDisplay{font-family:'Open Sans',Verdana,Arial;font-size:15px;font-weight:300;color:#fff;padding:75px 1px 10px 1px;text-align:center}.zwPlayer .zwDisplay #zwStatus{position:absolute;top:-30px;left:120px;width:106px;height:106px;color:transparent;font-size:0;cursor:pointer}.zwPlayer .zwDisplay #zwStatus.stopped{background:transparent url(../images/stopped.png) no-repeat}.zwPlayer .zwDisplay #zwStatus.playing{background:transparent url(../images/playing.png) no-repeat}.zwPlayer .zwDisplay #zwStatus.paused{background:transparent url(../images/paused.png) no-repeat}.zwPlayer .zwDisplay #zwTime{font-weight:500}.zwPlayer .zwControl{display:block;width:170px;margin:0 auto;padding-left:10px}.zwPlayer hr{border:0;border-top:1px solid #5a5e62;color:#5a5e62;width:300px;height:1px;display:block;margin:0 auto 10px auto}.zwPlayer button{background:transparent url(../images/sprite.png) no-repeat;border:0;outline:0;margin-right:10px;color:transparent;box-shadow:none;font-size:0;height:30px;width:30px;cursor:pointer}.zwPlayer button.active{border:0;outline:0}.zwPlayer button#btnPlayPause{background-position:-30px 0}.zwPlayer button#btnPlayPause.play{background-position:0 0}.zwPlayer button#btnPrev{background-position:-60px 0}.zwPlayer button#btnNext{background-position:-90px 0}.zwPlayer button#btnDownload{background-position:-120px 0}.zwPlayer button#btnStop{display:none}@media only screen and (max-width:400px){.zwPlayer{width:310px}.zwPlayer .zwDisplay{padding:50px 1px 5px 1px}.zwPlayer .zwDisplay #zwStatus{left:112px}.zwPlayer .zwDisplay #zwStatus.stopped{background:transparent url(../images/stopped-small.png) no-repeat}.zwPlayer .zwDisplay #zwStatus.playing{background:transparent url(../images/playing-small.png) no-repeat}.zwPlayer .zwDisplay #zwStatus.paused{background:transparent url(../images/paused-small.png) no-repeat}.zwPlayer hr{width:200px}}