.icon_audiodefault{
	display: block;
}
.icon_audiodefault img{
	width: 34px;
	height: 34px;}
.icon_audioplaying img{
	width: 34px;
	height: 34px;}
.icon_audioplaying{display: none;}
.db {
	display: block;
}

.weixinAudio {
	width: 100%;
	height: 62px;
	line-height: 1.5;
	margin-top:0.4rem;
	margin-bottom:0.8rem;
}

.audio_area {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: 0px 1px 0px 0;
	font-size: 0;
	position: relative;
	font-weight: 400;
	text-decoration: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

.audio_wrp {
	position: relative;
	border: 1px solid #ebebeb;
	background-color: rgba(138, 204, 224, 0.24);
	overflow: hidden;
	padding:0 20px 12px 12px;
}

.audio_play_area {
	float: left;
	margin: 9px 22px 10px 5px;
	font-size: 0;
	width: 18px;
	height: 25px;
}

.playing .audio_play_area .icon_audio_default {
	display: block;
}

.audio_play_area .icon_audio_default {
	background: transparent url(../images/shengyin.gif) no-repeat 0 0;
	width: 34px;
	height: 34px;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 54px 25px;
	background-size: 54px 25px;
	background-position: -36px center;
}

.audio_play_area .icon_audio_playing {
	background: transparent url(../images/shengyin.png) no-repeat 0 0;
	width: 34px;
	height: 34px;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 54px 25px;
	background-size: 54px 25px;
	-webkit-animation: audio_playing 1s infinite;
	background-position: 0px center;
	display: none;
}

.audio_area .pic_audio_default {
	display: none;
	width: 18px;
}

.tips_global {
	color: #8c8c8c;
}

.audio_area .audio_length {
	float: right;
	font-size: 14px;
	position: absolute;
	top: 38px;
	right: 23px;
}
.audio_area .curent_time{
	float: right;
	font-size: 14px;
	position: absolute;
	top: 38px;
	left: 68px;
}
.audio_info_area {
	overflow: hidden;    
	/*height: 2rem;*/
    line-height: 1rem;
    margin-bottom: 1rem;
}

.audio_area .audio_title {
	font-weight: 400;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	color: #333333;
	margin-left:11px;;
}

.audio_area .audio_source {
	font-size: 14px;
}
.progress_bar{
   /* position:absolute;
	left: 60px;
	top: 1.5rem;*/
	width:100%;
}

.progress_bar_box{
	display: block;
	position: absolute;
	left: 60px;
	bottom: 30px;
	height: 6px;width:80%;
}/*background-color: #c3c3c3;
.audio_area .progress_bar_box .progress_bar{
	background-color: #0cbb08;
	height: 6px;
	display: block;
}*/
.playing .audio_play_area .icon_audio_default {
	display: none;
}

.playing .audio_play_area .icon_audio_playing {
	display: inline-block;
}

@-webkit-keyframes audio_playing {
	30% {
		background-position: 0px center;
	}
	31% {
		background-position: -18px center;
	}
	61% {
		background-position: -18px center;
	}
	61.5% {
		background-position: -36px center;
	}
	100% {
		background-position: -36px center;
	}
}

input[type=range] {
    -webkit-appearance: none;
    /*border-radius: 10px; 这个属性设置使填充进度条时的图形为圆角*/
    background: -webkit-linear-gradient(#0cbb08, #0cbb08) no-repeat;
    background-size: 0% 100%;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}
input[type=range]::-webkit-slider-runnable-track{
    height: 8px;
   /* border-radius: 10px; 将轨道设为圆角的*/
    box-shadow: 0 1px 1px #def3f8, inset 0 0.125em 1.125em 0.1rem #ccc; /*轨道内置阴影效果*/
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    margin-top: -3px;/*  使滑块超出轨道部分的偏移量相等*/
    background: #0cbb08;
    border-radius: 50%;/* 外观设置为圆形*/
    border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/
    box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/
}

.video_area input[type=range]::-webkit-slider-runnable-track{
    height: 1px;
   /* border-radius: 10px; 将轨道设为圆角的*/
    box-shadow: 0 1px 1px #fff, inset 0 0.125em 1.125em 0.1rem #ccc; /*轨道内置阴影效果*/
}
.video_area input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 8px;
    margin-top: -4px;/*  使滑块超出轨道部分的偏移量相等*/
    background: #fff;
    border-radius: 50%;/* 外观设置为圆形*/
    border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/
    box-shadow: 0 .125em .125em #000; /*添加底部阴影*/
}
.icon_videodefault{
	display: block;
}
.icon_videodefault img{
	width: 34px;
	height: 34px;}
.icon_videoplaying img{
	width: 34px;
	height: 34px;}
.icon_videoplaying{display: none;}
.db {
	display: block;
}

.wvideo {
	width: 100%;
	height: 11rem;
	line-height: 1.5;
	margin-top:0.6rem;
	margin-bottom:0.6rem;
}
.wvideo .videocontain
{
    background: transparent url(../images/play.png) no-repeat 0 0;
    z-index:100;
 	width: 95%;
	height: 11rem;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 50px 50px;
	background-size: 50px 50px;
	background-position: center center;
     position:absolute;
     opacity:0.7;
}
.wvideo .initvideocontain
{
    background: #666 url(../images/loading.gif) no-repeat 0 0;
    z-index:98;
 	width: 100%;
	height: 11rem;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 50px 50px;
	background-size: 50px 50px;
	background-position: center center;
    position:absolute;
}
.wvideo .pvideo {
	width: 100%;
	height: 100%;
	background-color:#666;

}
.video_area {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: -10px 1px 0px 0;
	font-size: 0;
	font-weight: 400;
	text-decoration: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	/*background-color: #fcfcfc;
	border: 1px solid #ebebeb;*/
	height:2.4rem;
	background-color: #000;
	position: relative;
	top: -2.3rem;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 101;
}

.video_wrp {
	position: relative;
	height:100%;
	background-color: #fcfcfc1a;
	overflow: hidden;
	padding: 3px 20px 4px 12px;
}

.video_viewinfo {
	display: block;
	width: 100%;  
	font-size: 1rem;
	font-weight: 400;  
	height:4rem;
	background-color:rgba(32, 34, 35, 0.78);
	position: absolute;
	bottom: 1rem;
    left: 0; 
	z-index: 101;
	text-align: center;
	color: #fff;
	padding-top:.2rem;
}
.video_nowifi {
	display: block;
	width: 100%;  
	font-size: 1rem;
	font-weight: 400;  
	height:100%;
	background-color:rgba(32, 34, 35, 0.78);
	position: absolute;
	top: 0rem;
    left: 0; 
	z-index: 101;
	text-align: center;
	color: #fff;
	padding-top:2rem;
}
.video_nowifi div{ 
	padding:0.3rem;
}
.video_nowifispan{
	border: 1px solid #fff;
	border-radius: 20%;
	color: #fff;
	padding:0.3rem;
	cursor: pointer;
}
.video_play_area {
	float: left;
	margin: 4px 22px 4px 5px;
	font-size: 0;
	width: 18px;
	/*height: 20px;*/
}
.tips_global_video {
    color: #fff;
}
.playing .video_play_area .icon_video_default {
	display: block;
}

.video_play_area .icon_video_default {
	background: transparent url(../images/playing.png) no-repeat 0 0;
	width: 34px;
	height: 34px;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 54px 25px;
	background-size: 54px 25px;
	background-position: -36px center;
}

.video_play_area .icon_video_playing {
	background: transparent url(../images/play.png) no-repeat 0 0;
	width: 34px;
	height: 34px;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 54px 25px;
	background-size: 54px 25px;
	background-position: 0px center;
	display: none;
}
.video_full_area
{	
	float: right;
	font-size: 0;
	width: 24px;
	height: 24px;
    position: absolute;
	top: 10px;
	right: 10px;
	background-color: #fff;
    
}
.video_full_area .icon_videofull {

	width: 24px;
	height: 24px;
	vertical-align: middle;
	display: inline-block;opacity: 0.6;
}
.icon_videofull img{
	width: 24px;
	height: 24px;}
.video_area .pic_video_default {
	display: none;
	width: 18px;
}
/*
.tips_global {
	color: #8c8c8c;
}*/

.video_area .video_length {
	float: right;
	font-size: 14px;

}
.video_area .curent_time{
	float: left;
	font-size: 14px;
	color:#fff;
}
/*
	position: absolute;
	top: 32px;
	right: 36px;

	position: absolute;
	top: 32px;
	left: 68px;
.video_info_area {
	overflow: hidden;
	height: 2rem;
    line-height: 1rem;
    margin-bottom: 1rem;
}

.video_area .video_title {
	font-weight: 400;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: -3px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	color: #333333;
	margin-left:11px;;
}

.video_area .video_source {
	font-size: 14px;
}*/
.video_area .progress_bar{
   /* position:absolute;
	left: 56px;
	top: 1rem;
	vertical-align:middle;*/
	width:100%;display: block;
}

.video_area .progress_bar_box{
	display: block;
	width:75%;
	margin: 6px 0px 4px 0px;
	position: absolute;
	left: 60px;
	bottom: 30px;
	height: 6px;
}/*
.audio_area .progress_bar_box .progress_bar{
	background-color: #0cbb08;
	height: 6px;
	display: block;
}*/
.playing .video_play_area .icon_video_default {
	display: none;
}

.playing .video_play_area .icon_video_playing {
	display: inline-block;
}

@-webkit-keyframes video_playing {
	30% {
		background-position: 0px center;
	}
	31% {
		background-position: -18px center;
	}
	61% {
		background-position: -18px center;
	}
	61.5% {
		background-position: -36px center;
	}
	100% {
		background-position: -36px center;
	}
}