@charset "utf-8";
/* CSS Document */
.jp-state-playing .play-bar-btn, .list-hide, .part-list-audioUrl, button i {
	display: none
}
.footer-con, .part-list-tit, .part-more {
	text-align: center;
	font-size: 14px
}
.part-list {
	width: 1044px;
	margin-top: 48px
}
.part-list .mz {
	height: 42px;
	line-height: 42px;
	font-weight: 800;
	font-family: "微软雅黑";
	color: #333
}

.part-list-img {
	width: 125px;
	height: 125px;
	margin: 0 auto
}
.part-list-bf {
	position: absolute;
	left: 40%;
	bottom: 80px
}
.part-list-img img {
	width: 100%;
	height: 100%
}
.part-list-tit {
	line-height: 20px;
	padding: 18px 5px 0;
	color: #626667;
	height: 56px;
	overflow: hidden
}
.part-list-tit a {
	color: #626667
}
.part-more {
	width: 138px;
	height: 44px;
	line-height: 44px;
	color: #fff4d3;
	margin: 0 auto;
	background: url(//www.xinhuanet.com/video/xinhuaradio/2016ghgzs/img/more.png) no-repeat
}
.playerBox {
	position:relative;
	width: 486px;
	height: 50px;
	display:block;
	margin:0 auto 20px auto;
	background: #4a4d52;
	background: -moz-linear-gradient(top, #4b4f53 0, #383b3e 100%);
	background: -webkit-linear-gradient(top, #4b4f53 0, #383b3e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4b4f53), to(#383b3e));
	background: linear-gradient(to bottom, #4b4f53 0, #383b3e 100%);
filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#4b4f53', endColorstr='#383b3e', GradientType=0);
	border: 1px solid #2d2d2d;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.75), inset 0 1px 0 0 rgba(255,255,255,.1);
	-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.75), inset 0 1px 0 0 rgba(255,255,255,.1);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.75), inset 0 1px 0 0 rgba(255,255,255,.1)
}
.jp-details {
	position: absolute;
	width: 230px;
	height: 48px;
	overflow: hidden;
	left: 16px;
	top: 5px;
	display: block!important
}
.jp-title {
	color: #fffccc;
	font-size: 14px;
	line-height: 48px;
	display: none;
}
.jp-controls,.audioBtnBox  {
	width: 71px;
	height: 27px;
	position: absolute;
	left: 15px;
	top: 0;
}
.playerBox button {
	border: none;
	outline: 0;
	margin:0; padding:0;
	float:left;
}
/*
.jp-pause, .jp-play {
	width: 30px;
	height: 27px;
	overflow: hidden;
	cursor: pointer
}
.jp-pause span, .jp-play span, .jp-stop span {
	top: 30px;
	position: absolute;
	color: #8e7c6d;
	text-align: center;
	font-size: 12px
}
.jp-play {
	background: url(//www.xinhuanet.com/politics/2019lhxl/static/btn20190228.png) no-repeat
}
.jp-pause {
	background: url(//www.xinhuanet.com/politics/2019lhxl/static/btn20190228.png) 0 -27px no-repeat
}
.jp-pause span, .jp-play span {
	width: 38px;
	left: -5px
}
.jp-stop {
	width: 31px;
	height: 27px;
	overflow: hidden;
	background: url(//www.xinhuanet.com/politics/2019lhxl/static/btn20190228.png) -30px 0 no-repeat;
	cursor: pointer
}
.jp-stop span {
	width: 38px;
	left: 32px
}*/
.jp-volume-controls {
	width: 110px;
	height: 45px;
	position: absolute;
	left: 351px;
	top: 16px;
	display:none;
}
.jp-volume-bar {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #2f2c28;
	-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.2), inset 0 2px 3px 0 rgba(0,0,0,.39);
	-moz-box-shadow: 0 1px 0 0 rgba(255,255,255,.2), inset 0 2px 3px 0 rgba(0,0,0,.39);
	box-shadow: 0 1px 0 0 rgba(255,255,255,.2), inset 0 2px 3px 0 rgba(0,0,0,.39);
	width: 114px;
	height: 10px;
	z-index: 1
}
.jp-volume-bar-value {
	background-color: #1b1914;
	-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.004);
	-moz-box-shadow: 0 1px 0 0 rgba(0,0,0,.004);
	box-shadow: 0 1px 0 0 rgba(0,0,0,.004);
	width: 0;
	height: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative
}
.volume-bar-value-btn {
	background-image: url(//www.xinhuanet.com/video/xinhuaradio/2016ghgzs/img/volume.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	right: -6px;
	margin-top: -10px;
	cursor: pointer
}
.jp-mute, .jp-volume-max {
	width: 8px;
	cursor: pointer;
	position: absolute
}
.jp-mute {
	height: 3px;
	background: url(//www.xinhuanet.com/video/xinhuaradio/2016ghgzs/img/mute.png) no-repeat;
	left: 0;
	top: 20px
}
.jp-volume-max {
	height: 9px;
	background: url(//www.xinhuanet.com/video/xinhuaradio/2016ghgzs/img/volumemax.png) no-repeat;
	right: -10px;
	top: 17px
}
.volume-name {
	position: absolute;
	width: 100%;
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	color: #8e7c6d;
	top: 15px;
	text-align: center
}
.jp-progress {
	position: absolute;
	left: 116px;
	top: 18px;
	width: 235px;
	height: 10px;
	z-index: 1
}
.jp-seek-bar {
	background-color: #33302c;
	-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.2), inset 0 2px 3px 0 rgba(0,0,0,.39);
	-moz-box-shadow: 0 1px 0 0 rgba(255,255,255,.2), inset 0 2px 3px 0 rgba(0,0,0,.39);
	box-shadow: 0 1px 0 0 rgba(255,255,255,.2), inset 0 2px 3px 0 rgba(0,0,0,.39);
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	border:1px solid #000;
}
.jp-play-bar {
	background-color: #25405f;
	height: 100%;
	position: relative;
	-moz-border-radius: 10px;
	border-radius: 10px
}
.play-bar-btn {
	width: 12px;
	height: 12px;
	position: absolute;
	right: -10px;
	top: 50%;
	margin-top: -5px;
	cursor:pointer;
	background:url(//www.xinhuanet.com/video/xinhuaradio/2016ghgzs/img/bar.png) no-repeat;
}
.transverse-line, .vertical-line {
	background: #3c372b;
	position: absolute
}
.jp-time-holder {
	width: 100px;
	height: 15px;
	font-size: 14px;
	line-height: 15px;
	color: #e0e0e0;
	position: absolute;
	right: 10px;
	top: 16px
	
}
.jp-time-holder .time-cutline{ float:left; margin-right:10px; margin-left:5px;}
.jp-current-time, .jp-duration {
	width: 35px;
	float: left;
	overflow: hidden
}
.vertical-line {
	width: 1px;
	height: 89px;
	right: 235px;
	top: 1px
}
.transverse-line {
	width: 235px;
	height: 1px;
	right: 0;
	top: 67px
}
.player-close {
	position: absolute;
	width: 28px;
	height: 28px;
	right: -14px;
	top: -14px;
	z-index: 2;
	background: url(//www.xinhuanet.com/video/xinhuaradio/2016ghgzs/img/close.png) no-repeat
}
.jp-no-solution {
	position: absolute;
	left: 10px;
	top: 18px;
	font-size: 14px;
	color: #fffccc
}
.jp-playlist{ display:none;}



.barPlayBox{  width:420px; position:absolute; left:60px; top:18px;}
.audio-name{ width:420px; position:absolute; left:60px; top:0px; color:#fff; font-size:12px;}
.currentTimeBox{ font-size:14px; color:#fff; }
.middleTxt{ float:left; margin-right:5px;}
.durationBox{ position:absolute; right:10px; font-size:14px; color:#fff; text-align:right;}
.barPlay{}



.barPlay{
	position: absolute;
	left: 50px;
	top: 11px;
	width: 300px;
	height: 10px;
	z-index: 1
}
.jp-seek-bar {
	background-color: #33302c;
	-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.2), inset 0 2px 3px 0 rgba(0,0,0,.39);
	-moz-box-shadow: 0 1px 0 0 rgba(255,255,255,.2), inset 0 2px 3px 0 rgba(0,0,0,.39);
	box-shadow: 0 1px 0 0 rgba(255,255,255,.2), inset 0 2px 3px 0 rgba(0,0,0,.39);
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	border:1px solid #000;
}
.jp-play-bar {
	background-color: #25405f;
	height: 100%;
	position: relative;
	-moz-border-radius: 10px;
	border-radius: 10px
}
.play-bar-btn {
	width: 12px;
	height: 12px;
	position: absolute;
	right: -10px;
	top: 50%;
	margin-top: -5px;
	cursor:pointer;
	background:url(//www.xinhuanet.com/video/xinhuaradio/2016ghgzs/img/bar.png) no-repeat;
}

.playercoverBox .audioBtnBox button, .playercoverBox .audioBtnBox span {
    width: 36px;
    height: 36px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    top: 8px;
    background-color: transparent;
}
.playercoverBox .audioBtnBox .iconPlay::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    overflow: hidden;
    border-left: 18px solid #fff;
    left: 9px;
    top: 5px;
}
.jp-state-playing .playercoverBox .audioBtnBox .iconPlay::before {
    content: "";
    display: block;
    width: 4px;
    height: 22px;
    background: #fff;
    position: absolute;
    right: 9px;
    top: 6px;
}
.jp-state-playing .playercoverBox .audioBtnBox .iconPlay::after {
    content: "";
    display: block;
    width: 4px;
    height: 22px;
    background: #fff;
    position: absolute;
    left: 8px;
    top: 6px;
    border: none;
}
.playercoverBox .audioBtnBox .iconPlay::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    overflow: hidden;
    border-left: 18px solid #fff;
    left: 9px;
    top: 5px;
}

@media screen and (max-width: 767px) {
	.playerBox{ width:100%; overflow:hidden;}
	.jp-progress{ left:90px; width:52%;}
	.jp-time-holder {
		width: auto;
		right:15px;
	}
	.jp-duration,.time-cutline{ display:none;}
	.jp-current-time{ width:40px;}
	.barPlay{ width:46%}
}