.tx-nim-html5audioplayer{width:270px;position:relative}.tx-nim-html5audioplayer .audio-controllerNext:before{padding:13px 15px}.tx-nim-html5audioplayer .audio-controllerPrev:before{padding:13px 12px}.tx-nim-html5audioplayer .audio-controllerNext,.tx-nim-html5audioplayer .audio-controllerPrev{width:50px;height:50px;color:#ddd;border-radius:50%;border:1px solid #ddd;transition:all 0.3s}.tx-nim-html5audioplayer .audio-controllerNext:hover,.tx-nim-html5audioplayer .audio-controllerPrev:hover{border:1px solid #ee0060;color:#ee0060}.tx-nim-html5audioplayer .audio-controllerNext:before,.tx-nim-html5audioplayer .audio-controllerPrev:before{display:inline-block;text-align:center;font-size:20px;box-sizing:border-box}.tx-nim-html5audioplayer .audio-controller{clear:both;width:270px;height:225px;margin:0px auto}.tx-nim-html5audioplayer .audio-controller:after{clear:both}.tx-nim-html5audioplayer .audio-controllerPlay,.tx-nim-html5audioplayer .audio-controllerPause{font-size:40px;position:relative;top:88px;left:-11px}.tx-nim-html5audioplayer .audio-controllerPlay:before{content:"\e600";color:#ee0060;padding-left:5px}.tx-nim-html5audioplayer .audio-controllerPause:before{content:"\e603";color:#ee0060;padding-top:15px}.tx-nim-html5audioplayer .audio-controllerNext:before{content:"\e601"}.tx-nim-html5audioplayer .audio-controllerPrev:before{content:"\e602"}.tx-nim-html5audioplayer .audio-controllerPrev{position:relative;top:180px;left:-75px}.tx-nim-html5audioplayer .audio-controllerNext{position:relative;top:180px;left:25px}.tx-nim-html5audioplayer .audio-controller li{font-family:"NIM_HTML5audioplayer";float:left;cursor:pointer;list-style-type:none;width:50px;height:50px}.tx-nim-html5audioplayer .volumeknob path:nth-child(1),.tx-nim-html5audioplayer .timerunner path:nth-child(1){fill:#ddd;stoke:none}.tx-nim-html5audioplayer .volumeknob path:nth-child(2),.tx-nim-html5audioplayer .timerunner path:nth-child(2){fill:#ee0060}.tx-nim-html5audioplayer .timerunner{margin:50px}.tx-nim-html5audioplayer #control>*{outline:none}.tx-nim-html5audioplayer .audio-playlist ul{margin:0;padding:0}.tx-nim-html5audioplayer .audio-playlist ul li{list-style-type:none}.tx-nim-html5audioplayer .audio-playlist ul li .song{display:block;padding:10px 25px;transition:all 0.5s;color:#777}.tx-nim-html5audioplayer .audio-playlist ul li .song.active{color:#ee0060;background:rgba(0,0,0,0.05)}@media screen and (max-width: 640px){.tx-nim-html5audioplayer{width:100%}}
@font-face{font-family:'NIM_HTML5audioplayer';src:url("/typo3conf/ext/nim_html5audioplayer/Resources/Public/fonts/audioplayer.eot?l07elj");src:url("/typo3conf/ext/nim_html5audioplayer/Resources/Public/fonts/audioplayer.eot?#iefixl07elj") format("embedded-opentype"),url("/typo3conf/ext/nim_html5audioplayer/Resources/Public/fonts/audioplayer.woff?l07elj") format("woff"),url("/typo3conf/ext/nim_html5audioplayer/Resources/Public/fonts/audioplayer.ttf?l07elj") format("truetype"),url("/typo3conf/ext/nim_html5audioplayer/Resources/Public/fonts/audioplayer.svg?l07elj#icomoon") format("svg");font-weight:normal;font-style:normal}