@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
html{ height:100%;}
body,input,textarea,pre{margin:0; padding:0; font-size:14px; line-height:150%; font-family:"Microsoft YaHei", "SimHei", "STHeiti";}
a{ color:#000; text-decoration:none;}

.player{ height:50px;width:520px;margin-bottom:2px;*padding-bottom:2px;}
.player .hiddenlrc{ display:none;}
.player .backgorund{ position:relative; width:100%; height:50px; background:#; background-size:cover;}
.player .display{ position:absolute; top:0; left:0; bottom:0; right:0; opacity:0.65; background:#fff;}
.player .display .ctrl{ position:absolute; bottom:0; left:0; right:0; height:50px; opacity:0.9; background:gray;}
.player .display .ctrl .jp-left{ width:50px; height:50px; position:absolute;}
.player .display .ctrl .jp-left .jp-play{ position:absolute; left:10px; top:10px; width:30px; height:30px; background:url(/play/jplayer/mobileplay.png) 0 -30px no-repeat;*margin-left:-50px}
.player .display .ctrl .jp-left .jp-pause{ position:absolute; left:10px; top:10px; width:30px; height:30px; background:url(/play/jplayer/mobileplay.png) no-repeat;*margin-left:-50px}
.player .display .ctrl .jp-center{ margin-left:60px; margin-right:110px; height:50px; position:relative;}
.player .display .ctrl .jp-center .jp-process{ position:absolute; left:0; height:6px; top:22px; background:#e9ecea; width:100%;}
.player .display .ctrl .jp-center .jp-process .jp-seek-bar{ height:6px; width:70%; background:#ccc; cursor:pointer;}
.player .display .ctrl .jp-center .jp-process .jp-seek-bar .jp-play-bar{ height:6px; width:30%; background:#cf3e2c;}
.player .display .ctrl .jp-right{ width:50px; height:50px; position:absolute; right:0; top:0;}
.player .display .ctrl .jp-right .jp-time-holder{ position:absolute; top:15px; right:10px; font-size:14px; line-height:20px;}
.player .display .ctrl .jp-right .jp-time-holder .jp-current-time{ color:#fff; margin:0; padding:0;}
*+html .display .ctrl .jp-right .player .jp-time-holder .jp-current-time{ padding-right:3px;}
.player .display .ctrl .jp-right .jp-time-holder .player-spliter{ color:#e5e5e5;}
.player .display .ctrl .jp-right .jp-time-holder .jp-duration{ color:#fff;}
.player .playerslider{ width:100%; height:50px; overflow:hidden;}
.player .playerslider .sliderwrap{ width:100%; height:50px; overflow:hidden; position:relative;}
.player .playerslider .jppage{ position:absolute; top:10px; height:16px; width:100%; left:0; text-align:center; z-index:100;}
.player .playerslider .jppage a{ display:inline-block; border-radius:100%; background:#; width:12px; height:12px;}
.player .playerslider .jppage a.on{ background:#;}