﻿/*
 * tkzgs.commonPlayer.min.css
 * @St. 2015-08-17-16.49
 */
.tkzgs{width:996px;height:564px;margin:0 auto;background-color:#24262e;background-image:url(../img/tkzgs.jpg);background-repeat:no-repeat}
.tkzgs .commonPlayer{font-family:"PingHei","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif,"Microsoft YaHei";width:978px;height:544px;left:8px;top:10px;position:relative}
.tkzgs .commonPlayer .hide{display:none!important}
.tkzgs .commonPlayer .shareBox{display:none}
.tkzgs .commonPlayer .audioDate{float:right;font-size:12px;color:#666;margin-right:1em;font-family:Helvetica,Gotham,"Helvetica Neue",Arial,sans-serif;font-weight:normal!important}
.tkzgs .commonPlayer .listNum{margin-left:1em}
.tkzgs .commonPlayer :focus,.tkzgs .commonPlayer .playerBox button{outline:0;border:0;background:0}
.tkzgs .commonPlayer .playerBox .audioBtn{position:absolute;bottom:0;z-index:99;width:100%;height:70px}
.tkzgs .commonPlayer .playerBox .btn{display:block;float:left;overflow:hidden;text-indent:-9999px;border:0;cursor:pointer;width:40px;height:40px;padding:0;background-color:transparent;background-position:center center;background-repeat:no-repeat}
.tkzgs .commonPlayer .playerBox .btn:hover{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}
.tkzgs .commonPlayer .playerBox .iconPlay,.tkzgs .commonPlayer .playerBox .iconPre,.tkzgs .commonPlayer .playerBox .iconNext,.tkzgs .commonPlayer .playerBox .iconVolMax,.tkzgs .commonPlayer .playerBox .iconVolMin{float:left}
.tkzgs .commonPlayer .playerBox .iconPlay,.tkzgs .commonPlayer .playerBox .iconPre,.tkzgs .commonPlayer .playerBox .iconNext{margin-right:8px}
.tkzgs .commonPlayer .playerBox .iconRep{float:right;margin-right:-10px}
.tkzgs .commonPlayer .playerBox .iconPlay{background-image:url(../img/iconPlay.png)}
.tkzgs .commonPlayer .playerBox .iconPre{background-image:url(../img/iconPre.png)}
.tkzgs .commonPlayer .playerBox .iconNext{background-image:url(../img/iconNext.png)}
.tkzgs .commonPlayer .playerBox .iconVolMin{background-image:url(../img/iconVolMin.png);left:-4px}
.tkzgs .commonPlayer .playerBox .iconVolMax{background-image:url(../img/iconVolMax.png);right:-4px}
.tkzgs .commonPlayer .playerBox .iconRep{background-image:url(../img/iconRep.png);position:absolute;z-index:2;right:10px;top:10px;width:32px;height:22px}
.tkzgs .commonPlayer .playerBox .iconVol{background-image:url(../img/iconVol.png);left:-4px}
.tkzgs .commonPlayer .jp-state-playing .iconPlay{background-image:url(../img/iconPus.png)}
.tkzgs .commonPlayer .jp-state-looped .iconRep{background-image:url(../img/iconRep.png);background-color:#932e10}
.tkzgs .commonPlayer .jp-state-muted .iconVolMin{background-image:url(../img/iconVolMinOn.png)}
.tkzgs .commonPlayer .playerBox .barVolBox .iconVolMin,.tkzgs .commonPlayer .playerBox .barVolBox .iconVolMax{position:absolute;top:0;width:24px}
.tkzgs .commonPlayer .playerBox .barVolBox,.tkzgs .commonPlayer .playerBox .barPlayBox{position:relative;width:100%}
.tkzgs .commonPlayer .playerBox .barVolBox{position:absolute;width:300px;height:50px;z-index:99;top:16px;left:810px}
.tkzgs .commonPlayer .playerBox .barVolBox .barBoxOut{position:absolute;top:11px;left:38px;width:110px;display:none}
.tkzgs .commonPlayer .playerBox .barVolBox .barBox{position:relative;width:100%}
.tkzgs .commonPlayer .playerBox .barBox,.tkzgs .commonPlayer .playerBox .bar,.tkzgs .commonPlayer .playerBox .barValue,.tkzgs .commonPlayer .playerBox .barBg{height:20px}
.tkzgs .commonPlayer .playerBox .bar,.tkzgs .commonPlayer .playerBox .barValue{cursor:pointer}
.tkzgs .commonPlayer .playerBox .bar,.tkzgs .commonPlayer .playerBox .barBg{width:100%;position:absolute;top:0;left:0}
.tkzgs .commonPlayer .playerBox .bar{z-index:2;overflow:hidden}
.tkzgs .commonPlayer .playerBox .barBg{z-index:1;background-image:url(../img/playBarBg.gif);background-repeat:repeat-x;background-position:2px center}
.tkzgs .commonPlayer .playerBox .barValue,.tkzgs .commonPlayer .playerBox .barValuePosition{float:left}
.tkzgs .commonPlayer .playerBox .barValue{background:url(../img/playBarBgOn.png) right center no-repeat;margin-right:-16px;background-size:100% 8px}
.tkzgs .commonPlayer .playerBox .barValuePosition{width:18px;height:20px;background:url(../img/barValuePosition.png) right center no-repeat}
.tkzgs .commonPlayer .playerBox .currentTime,.tkzgs .commonPlayer .playerBox .duration{width:60px;height:10px;line-height:10px;font-size:10px}
.tkzgs .commonPlayer .playerBox .currentTime{float:left}
.tkzgs .commonPlayer .playerBox .duration{float:right;text-align:right}
.tkzgs .commonPlayer .playerBox .middleBtnBox{position:absolute;width:180px;margin-top:10px;top:6px;left:110px;z-index:98}
.tkzgs .commonPlayer .playerBox .barPlayBoxPosition{position:absolute;height:20px;width:440px;z-index:999;top:26px;left:278px;padding:0 37px}
.tkzgs .commonPlayer .playerBox .barPlayBox{width:440px;position:absolute;z-index:2}
.tkzgs .commonPlayer .playerBox .playTimesBox{line-height:20px;height:20px;text-align:center;font-family:"Lucida Sans Unicode";position:absolute;width:100%;z-index:1;top:3px;left:0}
.tkzgs .commonPlayer .playerBox .playTimesBox .currentTime,.tkzgs .commonPlayer .playerBox .playTimesBox .duration,.tkzgs .commonPlayer .playerBox .playTimesBox .middleTxt{color:#555;height:16px;font-size:10px;line-height:16px;top:0}
.tkzgs .commonPlayer .playerBox .playTimesBox .duration,.tkzgs .commonPlayer .playerBox .playTimesBox .middleTxt{color:#555}
.tkzgs .commonPlayer .playerBox .playTimesBox .currentTime,.tkzgs .commonPlayer .playerBox .playTimesBox .duration{width:60px}
.tkzgs .commonPlayer .playerBox .playTimesBox .currentTime{left:0;text-align:left}
.tkzgs .commonPlayer .playerBox .playTimesBox .duration{right:0;text-align:right}
.tkzgs .commonPlayer .playerBox .playTimesBox .middleTxt{display:none}
.tkzgs .commonPlayer .playerBox .audioListBox ul,.tkzgs .commonPlayer .playerBox .audioListBox ul li{padding:0;margin:0;list-style:none}
.tkzgs .commonPlayer .playerBox .audioListBox ul li{display:block;font-family:SimSun;line-height:44px;height:44px;font-size:16px;font-weight:bold}
.tkzgs .commonPlayer .playerBox .audioListBox ul li a{color:#000;text-decoration:none}
.tkzgs .commonPlayer .playerBox .audioListBox ul li:nth-child(odd){background-color:rgba(255,255,255,0.6)}
.tkzgs .commonPlayer .playerBox .audioListBox ul li:before{color:#ffa600;font-size:14px;line-height:32px}
.tkzgs .commonPlayer .playerBox .audioListBox{font-size:14px;line-height:26px;position:absolute;z-index:98;width:505px;height:390px;top:83px;left:474px;overflow:hidden}
.tkzgs .commonPlayer .playerBox .jp-artist{display:none}
.tkzgs .commonPlayer .playerBox .audioListBox ul li.jp-playlist-current{background-color:rgba(123,1,0,0.4)}
.tkzgs .commonPlayer .playerBox .audioListBox ul li.jp-playlist-current a{font-weight:bold}
.tkzgs .discBox{position:absolute;width:392px;height:392px;background:url(../img/discBg.png) center center no-repeat;top:54px;left:46px}
.tkzgs .commonPlayer #jp_poster_0{display:block;width:318px;height:318px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:absolute;top:50%;left:50%;margin-top:-159px;margin-left:-159px}
.tkzgs .commonPlayer #jp_poster_0{animation:discRot 24s linear infinite;-ms-animation:discRot 24s linear infinite;-moz-animation:discRot 24s linear infinite;-webkit-animation:discRot 24s linear infinite;-o-animation:discRot 24s linear infinite;animation-play-state:paused;-ms-animation-play-state:paused;-moz-animation-play-state:paused;-webkit-animation-play-state:paused;-o-animation-play-state:paused}
.tkzgs .commonPlayer .jp-state-playing #jp_poster_0{animation-play-state:running;-ms-animation-play-state:running;-moz-animation-play-state:running;-webkit-animation-play-state:running;-o-animation-play-state:running}
.tkzgs .bigTitle{position:absolute;top:30px;right:0;width:76px;background:url(../img/xinhuaRadio.png) left center no-repeat;padding-left:145px;height:34px;line-height:48px;color:#000;overflow:hidden}
@keyframes discRot{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes discRot{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes discRot{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes discRot{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
