/* 视频详情分享css */
html{
	font-size:50px !important;
	background: #000;
}
.hxj-container,.cont{
	width:100%;
	height: 100%;
	position: fixed;
}
.cont{
	background: #F2F2F2;
	text-align: center;
}
.cont img{
	width:2.69rem;
	height:auto;
	margin-top:2.1rem;
	margin-bottom:.39rem;
}
.cont p{
	font-size: .32rem;
	color: #999;
	line-height:.42rem ;
}
.msg{
	position: absolute;
	bottom: 1.3rem;
	width: 100%;
	max-height: 50%;
	overflow: auto;
}
.msg h5{
	font-size: 17px;
	color: #fff;
	line-height:24px ;
	width: 86%;
	margin:0 auto;
	font-weight: normal;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.msg .info{
	font-size: 14px;
	color: #bbb;
	line-height:22px ;
	width: 86%;
	margin:26px auto 0;
}
.msg .info.ellipsis{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.hxj-container .play_icon{
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-.68rem;
	margin-top:-.68rem;
	width:1.35rem;
	height: 1.35rem;
}
.hxj-container video{
	width:auto;
	height:100% ;
	max-width:100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.download-fade{
	height: 2rem;
}
.download-close{
	width: 0.34rem;
	height: 0.34rem;
}
.hxj-video-mask{
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: calc(100% - 3.2rem);
  cursor: pointer;
}