.ty-cardlist-w {
	width: 100%;
	line-height: 22px;
	font-size: 14px;
	color: #999;
	font-family: 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', 'Simsun', '宋体', 'Arial';
}

.ty-cardlist-w a {
	color: #333;
	text-decoration: none;
}

.ty-cardlist-w a:visited {
	color: #333;
}

.ty-cardlist-w a:hover,
.ty-cardlist-w a:active,
.ty-cardlist-w a:focus {
	color: #E43B5B;
	text-decoration: none;
}

.ty-cardlist-w .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.ty-cardlist-w .clearfix {
	zoom: 1;
}

.ty-cardlist-w .clearit {
	clear: both;
	height: 0;
	font-size: 0;
	overflow: hidden;
}

.ty-cardlist-w a.ty-card-link-em {
	color: #E43B5B;
	text-decoration: none;
}

.ty-cardlist-w a.ty-card-link-em:visited {
	color: #E43B5B;
}

.ty-cardlist-w a.ty-card-link-em:hover,
.ty-cardlist-w a.ty-card-link-em:active,
.ty-cardlist-w a.ty-card-link-em:focus {
	color: #E43B5B;
	text-decoration: none;
}

.ty-cardlist-loading {
	margin-top: 5px;
	border: 1px solid #E5EFF6;
	height: 38px;
	line-height: 38px;
	background-color: #E9F5FD;
	text-align: center;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}

.ty-cardlist-loading:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}

.cardlist__item {
	margin: 10px;
	padding: 10px;
	background: #ddd;
}

.cardlist-a__loading,
.cardlist-a__tip,
.cardlist-a__more {
	margin: 10px 0;
	padding: 10px;
	text-align: center;
}

.ty-cardlist-w .cardlist-a__more {
	padding: 0;
	color: #666;
	font-size: 16px;
}

.cardlist-a__more-c {
	height: 40px;
	border: 1px solid #E43B5B;
	line-height: 40px;
	color: #E43B5B;
	background-color: #fff;
	cursor: pointer;
	transition: all ease 0.3s;
}

.cardlist-a__more-c:hover {
	color: #fff;
	background-color: #E43B5B;
}

.cardlist-a__loading {
	font-size: 18px;
	color: #999;
}

.cardlist-a__loading .icon-loading {
	display: inline-block;
	margin-left: 15px;
	width: 100px;
	height: 20px;
	background: url(../img/loading.gif) 0 0 no-repeat;
	vertical-align: middle;
}

.cardlist__item_newsa {
	background: red;
	color: #fff;
}

.cardlist__item_newsb {
	border: 3px solid blue;
	color: #fff;
}

.cardlist-a__tab {
	border-top: 2px solid #F04C64;
}

.cardlist-a__tab,
.cardlist-a__tab li {
	height: 50px;
	line-height: 50px;
}

.cardlist-a__tab li {
	float: left;
	display: inline;
	padding: 0 20px;
	font-size: 18px;
	cursor: pointer;
}

.cardlist-a__tab li.current {
	background: #F04C64;
	color: #fff;
}

.cardlist-a__list .ty-card:nth-last-of-type(1) {
	border-bottom: none;
}

.ty-card {
	position: relative;
	z-index: 10;
	border-bottom: 1px solid #EFEFEF;
	background-color: #fff;
	letter-spacing: .5px;
	letter-spacing: 0\9;
}

.ty-card:hover {
	background-color: #FAFBFD;
}

.ty-card-close {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 12px;
	height: 12px;
	background: url(../img/icon-close.png) 0 0 no-repeat;
	cursor: pointer;
}

.ty-card:hover .ty-card-close {
	display: block;
	opacity: .6;
	filter: alpha(opacity=60);
}

.ty-card:hover .ty-card-close:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.ty-card-l {
	float: left;
	width: 150px;
	padding-bottom: 20px;
}

.ty-card-r {
	margin-left: 170px;
}

.ty-card-tt {
	padding-top: 17px;
	height: 52px;
	line-height: 26px;
	font-size: 20px;
	font-weight: bold;
}

.ty-card-tt-prefix {
	position: relative;
	z-index: 1;
	padding-right: 14px;
	color: #E43B5B;
	font-style: normal;
	font-weight: bold;
}

.ty-card-tt-prefix:after {
	position: absolute;
	top: 4px;
	right: -1px;
	width: 1px;
	height: 20px;
	background-color: #d8d8d8;
	margin: 0 7px;
	content: '';
}

.ty-card-icon-mpics,
.ty-card-icon-live,
.ty-card-icon-topic,
.ty-card-icon-scheme,
.ty-card-icon-video,
.ty-card-icon-exclusive {
	display: inline-block;
	margin-right: 5px;
	width: 66px;
	height: 26px;
	vertical-align: -6px;
}

.ty-card-icon-mpics {
	display: none!important;
	background: url(../img/prefix-mpics.png) 0 0 no-repeat;
}

.ty-card-icon-live {
	background: url(../img/prefix-live.png) 0 0 no-repeat;
}

.ty-card-icon-topic {
	background: url(../img/prefix-topic.png) 0 0 no-repeat;
}

.ty-card-icon-scheme {
	background: url(../img/prefix-scheme.png) 0 0 no-repeat;
}

.ty-card-icon-video {
	display: none!important;
	background: url(../img/prefix-video.png) 0 0 no-repeat;
}

.ty-card-icon-exclusive {
	background: url(../img/prefix-exclusive.png) 0 0 no-repeat;
}

.ty-card-icon-hot {
	display: inline-block;
	margin-left: 5px;
	width: 31px;
	height: 11px;
	vertical-align: 0px;
	background: url(../img/icon-hot.png) 0 0 no-repeat;
}

.ty-card-tip1 {
	margin-top: 8px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #999;
}

.ty-card-tip2 {
	margin-top: 3px;
	padding-bottom: 10px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #999;
}

.ty-card-type1 {}

.ty-card-thumb-w {
	position: relative;
	margin-top: 20px;
	width: 150px;
	height: 100px;
	overflow: hidden;
}

.ty-card-thumb {
	width: 150px;
	height: 100px;
	will-change: transform;
	transition: transform ease-in-out .3s;
}

.ty-card-thumb:hover {
	transform: scale(1.1, 1.1);
}

.ty-card-thumb-noani {
	transition: none;
}

.ty-card-thumb-noani:hover {
	transform: none;
}

.ty-card-tip2-i {
	display: inline-block;
	padding-right: 12px;
}

.ty-card-cmnt {
	float: right;
	margin-right: 10px;
	padding-right: 0;
	cursor: pointer;
}

.ty-card-cmnt a,
.ty-card-cmnt a:visited {
	color: #999;
}

.ty-card-cmnt a:hover {
	color: #E43B5B;
}

.ty-card-cmnt-icon {
	display: inline-block;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	vertical-align: -3px;
	background: url(../img/icon-cmnt.png) 0 0 no-repeat;
}

a:hover .ty-card-cmnt-icon {
	background: url(../img/icon-cmnt-hover.png) 0 0 no-repeat;
}

.ty-card-tag {
	margin-right: 5px;
}

.ty-cardlist-w .ty-card-tag a,
.ty-cardlist-w .ty-card-tag a:visited {
	color: #999;
}

.ty-card-video {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 27px;
	height: 27px;
	background: url(../img/icon-video.png) 0 0 no-repeat;
}

.ty-card-video:hover {
	opacity: .9;
	filter: alpha(opacity=90);
}


/*通栏*/

.ty-card-type2 .ty-card-tt {
	height: auto;
	padding-bottom: 10px;
}

.ty-card-type3 .ty-card-tt {
	height: auto;
	padding-bottom: 10px;
}


/*组图*/

.ty-card-type3 {}

.ty-card-type3 .ty-card-tt {
	height: auto;
	padding-bottom: 10px;
}

.ty-card-type3 .ty-card-picstotal {
	margin-left: 5px;
	font-size: 14px;
	font-weight: normal;
	color: #999;
}

.ty-card-thumbs-w {
	height: 100px;
	margin-bottom: 10px;
	overflow: hidden;
}

.ty-card-thumbs-c {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-right: 8px;
	overflow: hidden;
}

.ty-card-thumbs-gif {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 28px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #333;
	background-color: rgba(255, 255, 255, 0.6);
	font-family: arial;
	font-style: normal;
}

.ty-card-thumbs-w .ty-card-thumb {
	display: block;
	height: 100px;
	width: auto;
}

.ty-card-thumbs-w .ty-card-thumbs-c:nth-last-of-type(1) {
	margin-right: 0;
}


/*直播*/

.ty-card-type15 {}

.ty-live-stat {
	position: absolute;
	z-index: 11;
	top: 0;
	left: 0;
	width: 54px;
	height: 24px;
}

.ty-live-stat-pre {
	background: url(../img/live-pre.png) 0 0 no-repeat;
}

.ty-live-stat-ing {
	background: url(../img/live-ing.png) 0 0 no-repeat;
}

.ty-live-stat-end {
	background: url(../img/live-end.png) 0 0 no-repeat;
}

.ty-live-time {
	position: absolute;
	z-index: 11;
	bottom: 0;
	left: 0;
	width: 150px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-family: arial;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.7);
	color: #000;
}

.ty-live-icon-ing {
	display: inline-block;
	width: 10px;
	height: 24px;
	vertical-align: -7px;
	background: url(../img/prefix-live-ing.png) center center no-repeat;
}

.ty-live-icon-to {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: -7px;
	background: url(../img/prefix-live-clock.png) center center no-repeat;
}


/*640视频*/

.ty-card-type4 {}

.ty-card-type4 .ty-card-tt {
	height: auto;
	padding-bottom: 10px;
}

.ty-card-play-w {
	position: relative;
	height: 360px;
}

.ty-card-play-poster-w {
	position: relative;
	cursor: pointer;
}

.ty-card-play-poster {
	display: block;
	width: 640px;
	height: 360px;
}

.ty-card-player-w {
	display: none;
	width: 640px;
	height: 360px;
	position: absolute;
	top: 0;
}

.ty-card-play-icon {
	width: 70px;
	height: 70px;
	position: absolute;
	background: url("../img/icon-videoplay.png");
	left: 50%;
	top: 50%;
	margin-left: -35px;
	margin-top: -35px;
	transition: opacity ease 0.3s;
}

.ty-card-play-poster-w:hover .ty-card-play-icon {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.ty-card-play-cover {
	display: none;
	width: 70px;
	height: 70px;
	background: url("../img/feedloading1.gif");
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -35px;
	margin-top: -35px;
	filter: alpha(opacity=70);
	opacity: 0.6;
}

.ty-card-reload-icon {
	display: none;
	width: 64px;
	height: 64px;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -32px;
	filter: alpha(opacity=70);
	opacity: 0.6;
	background: url("../img/reload-icon.png");
}

.ty-card-reload-span {
	display: none;
	text-align: center;
	width: 400px;
	height: 24px;
	position: absolute;
	top: 65%;
	left: 50%;
	margin-left: -200px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 24px;
	line-height: 31px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.36);
}


/*最简card*/

.ty-card-type10003 {}

.ty-card-type10003 .ty-card-tt {
	height: auto;
	padding-bottom: 17px;
}


/*删除提示*/

.ty-card {
	overflow: visible;
	background: none;
	z-index: auto;
}

.ty-card .ty-card-tip {
	position: absolute;
	right: 0;
	top: -2px;
	border: 2px solid #EFEFEF;
	z-index: 100;
	background: #fff;
}

.ty-card .ty-card-tip li {
	min-width: 142px;
	_width: 142px;
	height: 34px;
	padding: 3px;
	line-height: 34px;
	font-size: 16px;
	border: 1px solid #dce0e3;
	margin-top: 12px;
	text-align: center;
	cursor: pointer;
	background-color: #FAFBFD;
}

.ty-card .ty-card-tip li:hover {
	border-color: #a3a8ac;
	background-color: #edf0f1;
}

.ty-card .ty-card-tip ul {
	padding: 24px 29px;
}

.ty-card .ty-card-tip .ty-card-close {
	display: block;
	filter: alpha(opacity=60);
	opacity: 0.6;
}


/*娱乐拼条*/

.ty-card-type10 {
	padding-bottom: 20px;
}

.ty-card-type10 .ty-card-tt {
	height: auto;
	padding-bottom: 10px;
}

.ty-card-type10-l {
	float: left;
	width: 150px;
}

.ty-card-type10-r {
	margin-left: 160px;
}

.ty-card-type10-i {
	margin-top: 5px;
}

.ty-card-type10-i:not(:first-child) {
	margin-top: 12px;
}

.ty-card-type10-i .ty-card-thumb-w {
	margin-top: 5px;
}

.ty-card-type10-subtt {
	height: 28px;
	line-height: 28px;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px\9;
	overflow: hidden;
}

.ty-card-type10-makeup {
	padding: 7px 0;
	height: 20px;
	text-indent: 12px;
	line-height: 20px;
	/*background: url(../img/prefix-makeupurl.png) left center no-repeat;*/
	white-space: nowrap;
	font-size: 16px;
}

.ty-card-type10-makeup:nth-of-type(1) {
	margin-top: 10px;
}

a.ty-card-type10-makeupurl {
	margin-right: 10px;
}

a.ty-card-type10-makeupurl:nth-last-of-type(1) {
	margin-right: 0;
}


/*微博单条Card*/


/* 次链接色 */

.ty-card-type21 a.wb-a-b {
	color: #999;
}

.ty-card-type21 a.wb-a-b:visited {
	color: #999;
}

.ty-card-type21 a.wb-a-b:hover,
.ty-card-type21 a.wb-a-b:active,
.ty-card-type21 a.wb-a-b:focus {
	color: #E43B5B;
}


/* 截图 */

.ty-card-type21 .wb-piccut-h img,
.ty-card-type21 .wb-piccut-v img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: perspective(1px) translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: perspective(1px) translate(-50%, -50%);
}

@media \0screen\,
screen\9 {
	.ty-card-type21 .wb-piccut-h img,
	.ty-card-type21 .wb-piccut-v img {
		position: static;
		top: auto;
		left: auto;
	}
}

.ty-card-type21 .wb-piccut-h img {
	width: auto!important;
	min-width: 100%;
	height: 100%;
	_width: 100%;
	_height: auto;
}

.ty-card-type21 .wb-piccut-v img {
	height: auto!important;
	width: 100%;
	min-height: 100%;
	_width: auto;
	_height: 100%;
}


/* ICON */

.ty-card-type21 .wb-icon-f,
.ty-card-type21 .wb-icon-r,
.ty-card-type21 .wb-icon-p {
	display: inline-block;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	vertical-align: -3px!important;
}

.ty-card-type21 .wb-icon-f {
	background: url(../img/icon-fwd.png) 0 0 no-repeat;
}

.ty-card-type21 .wb-icon-r {
	background: url(../img/icon-cmnt.png) 0 0 no-repeat;
}

.ty-card-type21 .wb-icon-p {
	background: url(../img/icon-like.png) 0 0 no-repeat;
}

.ty-card-type21 a:hover .wb-icon-f {
	background: url(../img/icon-fwd-hover.png) 0 0 no-repeat;
}

.ty-card-type21 a:hover .wb-icon-r {
	background: url(../img/icon-cmnt-hover.png) 0 0 no-repeat;
}

.ty-card-type21 a:hover .wb-icon-p {
	background: url(../img/icon-like-hover.png) 0 0 no-repeat;
}

.ty-card-type21 .wb-icon-play {}


/* 加载 */

.ty-card-type21 .W_loading_big {
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
	-webkit-animation: loading .8s linear infinite;
	animation: loading 0.8s linear infinite;
}


/* background url的\9对IE9及以上失效 */

.ty-card-type21 .W_loading_big {
	width: 35px;
	height: 35px;
	background-image: url(../img/loading_big.png);
	background-image: url(../img/loading_big.gif)\9;
}

@media screen and (min-width:0\0) {
	/* IE≥ 9 Safari 4 Android ≥ 2.3 */
	.ty-card-type21 .W_loading_big {
		background-image: url(../img/loading_big.gif);
	}
	/* Chrome * Safari * Opera ≥ 14 Android */
	.ty-card-type21 .W_loading_big:not(*:root) {
		background-image: url(../img/loading_big.png);
	}
	/* ie10及以上 */
	_:-ms-input-placeholder,
	:root .ty-card-type21 .W_loading_big {
		-webkit-animation: none;
		animation: none;
		background-image: url(../img/loading_big.gif);
	}
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


/* 微博内容 */

.ty-card-type21 .wb-text {
	padding-top: 15px;
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
}

.ty-card-type21 .wb-text a {
	display: block;
	max-height: 52px;
	margin-right: 20px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}


/* 单图补丁 */

.ty-card-type21 .ty-card-l {
	padding-bottom: 14px;
}

.ty-card-type21 .ty-card-r .wb-text a {
	max-height: 78px;
	-webkit-line-clamp: 3;
}


/* 多图视频补丁 */

.ty-card-type21 .ty-card-thumbs-w,
.ty-card-type21 .wb-vbox {
	margin: 18px 0 14px;
}

.ty-card-type21 .ty-card-thumbs-c {
	margin-right: 13px;
}


/* 纯文补丁 */

.ty-card-type21 .wb-textpics .wb-text {
	margin-bottom: 18px;
}


/* 视频 */

.ty-card-type21 .wb-vbox {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.ty-card-type21 .wb-vbox-img,
.ty-card-type21 .wb-vbox-flash,
.ty-card-type21 .wb-vbox-video {
	position: absolute;
	width: 100%;
	height: 100%;
}

.ty-card-type21 .wb-vbox-img {
	overflow: hidden;
}


/* 操作区 */

.ty-card-type21 .wb-opt {
	height: 30px;
	padding-bottom: 20px;
	line-height: 30px;
}

.ty-card-type21 .wb-opt span {
	display: inline-block;
	vertical-align: top;
}

.ty-card-type21 .wb-opt-face img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.ty-card-type21 .wb-opt-name {
	margin: 0 10px 0 8px;
	font-weight: bold;
}

.ty-card-type21 .wb-fr {
	float: right;
	margin-right: 10px;
}

.ty-card-type21 .wb-fr a {
	margin-left: 15px;
}


/* 转发补丁 */

.ty-card-type21 .wb-fbox {
	margin: 14px 0 16px;
	background: #f1f3f7;
}

.ty-card-type21 .wb-fbox .ty-card-thumb-w {
	margin-top: 16px;
}

.ty-card-type21 .wb-fbox .ty-card-l {
	padding-bottom: 16px;
}

.ty-card-type21 .wb-fbox .wb-opt {
	padding: 5px 0 0;
}

.ty-card-type21 .wb-fbox .wb-opt-name {
	margin: 0 26px 0 0;
	font-weight: normal;
}

.ty-card-type21 .wb-fbox .ty-card-thumbs-w,
.ty-card-type21 .wb-fbox .wb-vbox {
	margin: 14px 0 0;
}

.ty-card-type21 .wb-fbox .wb-textpics .wb-text,
.ty-card-type21 .wb-fbox .wb-textvideo .wb-text {
	margin-bottom: 0;
	padding-top: 10px;
}

.ty-card-type21 .wb-fbox .wb-textpics .wb-opt,
.ty-card-type21 .wb-fbox .wb-textvideo .wb-opt {
	padding: 7px 0;
}


/*信息流广告*/

.xxl-card {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: none;
	z-index: auto;
	position: relative;
	border-bottom: 1px solid #EFEFEF;
	letter-spacing: .5px;
}

.xxl-card:hover {
	background-color: #FAFBFD;
}

.xxl-card-l {
	padding-bottom: 18px;
	display: inline-block;
	float: left;
}

.ty-card-type21 .wb-fbox .xxl-card-l {
	padding-bottom: 16px;
}

.xxl-card-thumb-w {
	position: relative;
	margin-top: 20px;
	width: 150px;
	height: 100px;
	overflow: hidden;
}

.ty-card-type10-i .xxl-card-thumb-w {
	margin-top: 5px;
}

.ty-card-type21 .wb-fbox .xxl-card-thumb-w {
	margin-top: 16px;
}

.xxl-card-thumb {
	width: 150px;
	height: 100px;
	will-change: transform;
	transition: transform ease-in-out .3s;
}

.xxl-card-thumb:hover {
	transform: scale(1.1, 1.1);
}

.xxl-card-thumbs-w .xxl-card-thumb {
	display: block;
	height: 100px;
	width: auto;
}

.xxl-card-tt {
	padding-top: 17px;
	margin-right: 30px;
	height: 52px;
	line-height: 26px;
	font-size: 20px;
	font-weight: bold;
}

.ty-card-type3 .xxl-card-tt,
.ty-card-type4 .xxl-card-tt,
.ty-card-type10 .xxl-card-tt {
	height: auto;
	padding-bottom: 10px;
}

.xxl-card-thumbs-w {
	height: 100px;
	margin-bottom: 10px;
	overflow: hidden;
}

.xxl-card-thumbs-c {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-right: 8px;
	overflow: hidden;
}

.xxl-card-lastimg {
	background-color: #F4F5F7;
	width: 150px;
	line-height: 100px;
	text-align: center;
	vertical-align: middle;
}

.xxl-card-thumbs-w .xxl-card-thumbs-c:nth-last-of-type(1) {
	margin-right: 0;
}


/* H5播放器 */

.WB_h5video {
	font-family: 'Arial', 'Microsoft YaHei';
}

.WB_h5video * {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
}

.WB_h5video::selection {
	background: none;
}

.WB_h5video a {
	color: #fff;
}

.WB_h5video a:hover {
	color: #ffa00a;
}

.WB_h5video .con-3 a,
.WB_h5video .con-7 a,
.WB_h5video .con-8 a {
	cursor: pointer;
}


/* common */

.WB_h5video video::-webkit-media-controls {
	display: none !important;
}

.WB_h5video .hv-pos {
	position: absolute;
	width: 100%;
	height: 100%;
}


/* IE9及以下不识别，因为HACK的原因，固定宽高的IE910一起补丁，无固定宽高的IE91011全部一起补丁 */

.WB_h5video .hv-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


/* ficon */

@font-face {
	font-family: 'videofont';
	src: url(data:application/font-woff;base64,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);
	font-weight: normal;
	font-style: normal;
}

.WB_h5video .hv-icon {
	font-family: 'videofont';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
}

.WB_h5video .hv-icon:hover {
	color: #ffa00a;
}

.WB_h5video .hv-icon-play::before {
	content: "\E000";
}

.WB_h5video .hv-icon-pause::before {
	content: "\E001";
}

.WB_h5video .hv-icon-replay::before {
	content: "\E002";
}

.WB_h5video .hv-icon-volume::before {
	content: "\E003";
}

.WB_h5video .hv-icon-mute::before {
	content: "\E004";
}

.WB_h5video .hv-icon-max::before {
	content: "\E005";
}

.WB_h5video .hv-icon-min::before {
	content: "\E006";
}


/* icon */

.WB_h5video .hv-ring {
	display: inline-block;
	position: relative;
	width: 54px;
	height: 54px;
	background: rgba(51, 51, 51, .6);
	border-radius: 50%;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -27px 0 0 -27px;
}

.WB_h5video .hv-ring:hover {
	color: #fd8149;
}

.WB_h5video .hv-ring i {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 26px;
}

.WB_h5video .hv-ring .hv-icon-play {
	left: 54%;
}


/* content */

.WB_h5video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #d4d5e0;
	color: #fff;
	-webkit-transition: height .3s ease;
	transition: height .3s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.WB_h5video .con-1,
.WB_h5video .con-2 {
	overflow: hidden;
}


/* object-fit不兼容IE */

.WB_h5video img,
html .WB_feed_v3 .WB_media_a_m1 .WB_video_h5 .WB_h5video img {
	position: absolute;
	width: 100%;
	height: 100%;
	vertical-align: top;
	-o-object-fit: cover;
	object-fit: cover;
	left: 50%\0;
	top: 50%\0;
	height: auto\0;
	-ms-transform: translate(-50%, -50%);
}

.WB_h5video video {
	width: 100%;
	height: 100%;
}

.WB_h5video .con-2 {
	background: #000;
}

.WB_h5video .con-3 .W_loading_big {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -18px 0 0 -18px;
}

.WB_h5video.hv-s2 .con-3 .W_loading_big,
.WB_h5video.hv-s3-6 .con-3 .W_loading_big {
	display: inline-block;
}

.WB_h5video .con-3 .box-1 span a {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 25px 0 0 -24px;
	font-size: 14px;
}

.WB_h5video .con-3 .box-1 span a i {
	margin-right: 5px;
	vertical-align: -1px;
}

.WB_h5video .con-3 .box-1 span em {
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;
	text-align: center;
}

.WB_h5video .con-3 .box-1 span em i {
	display: inline-block;
	height: 26px;
	padding: 0 10px;
	background: rgba(0, 0, 0, .45);
	border-radius: 2px;
	line-height: 26px;
}

.WB_h5video .con-3 .box-2 em {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin: 30px 0 0;
	text-align: center;
	line-height: 20px;
}

.WB_h5video.hv-s3-5 .con-3 .hv-icon-play {
	left: 50%;
	font-size: 24px;
}

.WB_h5video.hv-s3-5 .con-3 .hv-icon-play::before {
	content: "\E002";
}

.WB_h5video .con-3 .box-3 {
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 14px;
	text-align: center;
	line-height: 120px;
}

.WB_h5video .con-3 .box-3 a {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	vertical-align: bottom;
}

.WB_h5video .con-3 .box-3 a:hover {
	color: #fff;
}

.WB_h5video .con-3 .box-3 a:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	overflow: hidden;
	vertical-align: bottom;
}

.WB_h5video .con-4,
.WB_h5video .con-6 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 44px;
}

.WB_h5video .con-6 {
	pointer-events: none;
}

.WB_h5video .con-6 .opt {
	pointer-events: auto;
}

.WB_h5video .bg {
	background: rgba(0, 0, 0, .5);
	background: -webkit-linear-gradient(top, rgba(128, 128, 128, 0) 0, #333333 100%);
	background: linear-gradient(to bottom, rgba(128, 128, 128, 0) 0, #333333 100%);
}

.WB_h5video .opt {
	height: 39px;
	padding-top: 5px;
	font-size: 12px;
}

.WB_h5video [class^="opt-"] {
	margin: 0 8px;
	position: absolute\9;
	top: 12px\9;
}

.WB_h5video [class^="opt-"] .hv-icon {
	font-size: 20px;
	line-height: 26px;
}

.WB_h5video .progress-bar {
	width: 100%;
	height: 4px;
	background: #ccc;
	border-radius: 1px;
	cursor: pointer;
}

.WB_h5video .progress-bar .progress-bar-inner {
	position: relative;
	width: 0;
	height: 4px;
	background: #ffa00a;
	border-radius: 1px;
}

.WB_h5video .progress-bar .progress-bar-inner .hv-ball {
	display: inline-block;
	position: absolute;
	top: -4px;
	right: -6px;
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 50%;
}

.WB_h5video .progress-bar .progress-bar-cache {
	width: 0;
	height: 4px;
	background: #808080;
	border-radius: 1px;
}

.WB_h5video .opt-1 {
	left: 0\9;
}

.WB_h5video .opt-2 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	top: 23px\9;
	left: 33px\9;
	width: 44%\9;
}

.WB_h5video .opt-2 .progress-bar {
	position: relative;
}

.WB_h5video .opt-2 .progress-bar .progress-bar-inner,
.WB_h5video .opt-2 .progress-bar .progress-bar-cache {
	position: absolute;
	top: 0;
	left: 0;
}

.WB_h5video .opt-3 {
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	cursor: default;
	top: 16px\9;
	right: 146px\9;
}

.WB_h5video .opt-4 {
	position: relative;
	padding: 52px 0;
	position: absolute\9;
	top: auto\9;
	bottom: -46px\9;
	right: 110px\9;
}

.WB_h5video .opt-4 .progress-bar {
	position: absolute;
	top: 52px;
	left: 50%;
	width: 50px;
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transform: rotate(-90deg) translate(2px, -50%);
	-webkit-transform: rotate(-90deg) translate(2px, -50%);
	-o-transform: rotate(-90deg) translate(2px, -50%);
	-ms-transform: rotate(-90deg) translate(2px, -50%);
	transform: rotate(-90deg) translate(2px, -50%);
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.WB_h5video .opt-4-2 .progress-bar {
	opacity: 1;
}

.WB_h5video .opt-4b {
	position: relative;
	position: absolute\9;
	top: auto\9;
	bottom: 6px\9;
	right: 110px\9;
}

.WB_h5video .opt-4b .bar-out {
	position: absolute;
	top: -60px;
	left: 50%;
	width: 50px;
	height: 60px;
	margin-left: -25px;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.WB_h5video .opt-4b .progress-bar {
	width: 4px;
	height: 50px;
	margin: 0 auto;
	background: #ffa00a;
}

.WB_h5video .opt-4b .progress-bar-inner {
	width: 4px;
	background: #ccc;
}

.WB_h5video .opt-4b .progress-bar-inner .hv-ball {
	top: auto;
	right: auto;
	bottom: -6px;
	left: -4px;
}

.WB_h5video .opt-4b-2 .bar-out {
	opacity: 1;
}

.WB_h5video .opt .hv-logo {
	display: inline-block;
	width: 58px;
	height: 20px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImxvZ28iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzEuODQycHgiIGhlaWdodD0iMTEuMDRweCIgdmlld0JveD0iNC4wNzkgMTQuNDggMzEuODQyIDExLjA0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDQuMDc5IDE0LjQ4IDMxLjg0MiAxMS4wNCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPGc+DQoJCQk8Zz4NCgkJCQk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjIwLjQ3OSwyMS4xMDIgMjMuMjExLDIxLjEwMiAyMy4zNTcsMjAuNjE0IDIwLjYyNywyMC42MTQgCQkJCSIvPg0KCQkJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMjMuNjk1LDE5Ljk0NCAyNC4yNDQsMTguMDgzIDIzLjY4OSwxOC4wODMgMjMuMjg5LDE5LjQ0OSAyMi41OTgsMTkuNDQ5IDIzLjE2NCwxNy41MjYgDQoJCQkJCTIyLjY0NiwxNy41MjYgMjIuMDc5LDE5LjQ0OSAyMS4zODksMTkuNDQ5IDIxLjc5LDE4LjA4MyAyMS4yNzEsMTguMDgzIDIwLjcyNSwxOS45NDQgCQkJCSIvPg0KCQkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOC42LDIwLjE2NGMwLjkxNi0wLjcwNywyLjA4NS0xLjc0NCwyLjgxNS0yLjYzNWwtMC42NTQsMC4wMDZjLTAuNTQ3LDAuNjU1LTEuMTI2LDEuMTg5LTEuODg1LDEuNzkNCgkJCQkJTDE4LjYsMjAuMTY0eiIvPg0KCQkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMy4yNTksMjIuNDQxYzAsMC0wLjU5OCwwLjQxNi0wLjk4NywwLjY0bDAuMzg2LTEuMjc5YzAsMC0yLjI3Ni0wLjAxNS0yLjMxNiwwDQoJCQkJCWMtMC4xNDQsMC42ODEtMC4yOTEsMS4zOS0wLjk0LDEuODg2Yy0wLjA4OCwwLjMyOC0wLjEzMSwwLjQ3OS0wLjI1OSwwLjg1OWMwLjcwOC0wLjU5NSwxLjE3OS0wLjc5OSwxLjU1MS0yLjA3NGwwLjA1Ni0wLjE4NA0KCQkJCQloMS4yMWwtMC4yMDEsMC42NzFjLTAuMDY4LDAuMzA2LTAuNDMzLDAuNjQtMC40MzMsMC42NGwwLjI4NiwwLjQyNmMwLjIwMS0wLjE0MiwxLjQ2My0wLjg5NiwxLjQ2My0wLjg5NkwyMy4yNTksMjIuNDQxeiIvPg0KCQkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMC43MDYsMTkuNTI5aC0wLjU1NWMtMC42NjcsMC44MTctMS4zMTcsMS40NjgtMS45ODUsMi4wNTJsLTAuMjUsMC44MTUNCgkJCQkJYzAsMC4wMDgtMC4wMDEsMC4wMTYtMC4wMDEsMC4wMjFjMC4xMjMtMC4xMDMsMC4zMzEtMC4yNzgsMC41NDctMC40NjRjMC4yMjMtMC4yMDIsMC4zODEtMC4zNDYsMC40NzQtMC40MjhsLTAuOTMyLDMuMTA2aDAuNTU0DQoJCQkJCWwxLjE2OS0zLjg5N0MyMC4wMzcsMjAuMzkyLDIwLjQ3LDE5Ljg2OSwyMC43MDYsMTkuNTI5eiIvPg0KCQkJPC9nPg0KCQkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1LjI3LDE4Ljg0N2MwLjMxLTAuNDIyLDAuNTc0LTAuOTM4LDAuNzQ4LTEuMzE5aC0wLjUzOWMtMC42MTcsMS4xMzYtMC44ODMsMS42MzQtMS42NTEsMi41MzUNCgkJCQljLTAuMDgxLDAuMjkzLTAuMTQ3LDAuNTI5LTAuMjcxLDAuOTE5YzAuMTg3LTAuMTU3LDAuNDM4LTAuMzY5LDAuNTgyLTAuNTQ5Yy0wLjEzLDAuODEyLTAuMTMsMS41NDMtMC4wMDIsMi4xOTMNCgkJCQljLTAuMzg3LDAuNDQ3LTAuNDY4LDAuNTkyLTEuNDIyLDEuMjQxYy0wLjA5NywwLjMyNC0wLjEzMywwLjQxNi0wLjI3MSwwLjgyOGMwLjg1Ni0wLjYyNywxLjQ1OS0xLjEzNywxLjgwNy0xLjUyMQ0KCQkJCWMwLjIyOSwwLjU0OSwwLjc0NiwxLjEwNywxLjEwNCwxLjUzM2MwLjExOS0wLjMxMSwwLjEzMy0wLjM0NCwwLjI0Ni0wLjY1Yy0wLjQ3Ny0wLjQ4Ni0wLjgwNy0xLjExNS0wLjg3My0xLjQzMQ0KCQkJCWMwLjYxNS0wLjc1MiwxLjIwNy0xLjgzNywxLjc3MS0zLjI2aDAuNDgxbDAuMTU2LTAuNTE4TDI1LjI3LDE4Ljg0N0wyNS4yNywxOC44NDd6IE0yNC42MywyMi4wMTYNCgkJCQljLTAuMDk5LTAuNjctMC4wMjYtMS41MjEsMC4yMTYtMi41NTljMC4wMjctMC4wMiwwLjA5Ni0wLjA5MiwwLjA5Ni0wLjA5MmgxLjAwMkMyNS41MjcsMjAuNDQzLDI1LjA5MSwyMS4zMjUsMjQuNjMsMjIuMDE2eiIvPg0KCQkJPGc+DQoJCQkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI4Ljg4NywxNy41MjFoMC42MjJsLTAuNTk5LDIuMDJoMC43OTVsLTAuMTU1LDAuNTE4aC0wLjc5NWwtMS4zNzgsNC42aC0wLjYyM2wxLjM3OS00LjZoLTAuODI4DQoJCQkJCWwwLjE1NC0wLjUxOGgwLjgyOUwyOC44ODcsMTcuNTIxeiBNMjguNjIxLDIyLjQ2NGg0LjI4NWwwLjEyOC0wLjQyNmgwLjYyMmwtMC4xMjcsMC40MjZoMS4zNDhMMzQuNzQsMjIuOTJoLTEuMzVsLTAuMjU0LDAuODU0DQoJCQkJCWMtMC4xMzksMC41MjctMC41NjMsMC43OTMtMS4yNzUsMC43OTNjLTAuNDE0LDAtMC44NTctMC4wMTItMC44NTctMC4wMTJzMC4wODktMC4yODEsMC4xNS0wLjUxOQ0KCQkJCQljMC4zNDcsMC4wMjEsMC42NzgsMC4wMTEsMC43OTQsMC4wMTFjMC4zNDYsMCwwLjU0LTAuMTExLDAuNTg0LTAuMzM1bDAuMjM3LTAuNzkyaC00LjI4NUwyOC42MjEsMjIuNDY0eiBNMjkuNTk2LDIzLjMyNw0KCQkJCQlsMC41NDUtMC4yNzZjMC4zMDUsMC4yOCwwLjU4LDAuNTY0LDAuODMsMC44NTVsLTAuNTYzLDAuMjRDMzAuMTkxLDIzLjg4NSwyOS45MjIsMjMuNjExLDI5LjU5NiwyMy4zMjd6IE0zNC43NzksMTguMjkxaDEuMTQyDQoJCQkJCWwtMC4xNDYsMC40ODdoLTIuNjYybC0wLjE0NiwwLjQ4N2gyLjE0NWwtMC44MzIsMi43ODJoLTAuNTg4bDAuMTI5LTAuNDM4aC0xLjU1NWwtMC4xMjcsMC40MzdIMzEuNTVsMC4xMjctMC40MzdoLTEuNTkNCgkJCQkJbC0wLjEzNCwwLjQ0NWgtMC41ODhsMC44MzctMi43OTJoMi4xNzhsMC4xNDYtMC40ODdoLTIuNTkybDAuMTQ2LTAuNDg3aDIuNTkybDAuMjM1LTAuNzcxaDAuNTg3bC0wLjIzNSwwLjc3MWgxLjQxOA0KCQkJCQlMMzQuNzc5LDE4LjI5MUwzNC43NzksMTguMjkxeiBNMzAuMzcsMjAuNjY3bC0wLjE0NiwwLjQ4N2gxLjU5bDAuMTQ2LTAuNDg3SDMwLjM3eiBNMzAuNjUyLDE5LjcyM2wtMC4xNDYsMC40ODdoMS41OTINCgkJCQkJbDAuMTQ2LTAuNDg3SDMwLjY1MnogTTMyLjU0NywyMC42NjdMMzIuNCwyMS4xNTJoMS41NTZsMC4xNDYtMC40ODZMMzIuNTQ3LDIwLjY2N0wzMi41NDcsMjAuNjY3eiBNMzQuMzg1LDE5LjcyM0gzMi44Mw0KCQkJCQlsLTAuMTQ2LDAuNDg3aDEuNTU4TDM0LjM4NSwxOS43MjN6Ii8+DQoJCQk8L2c+DQoJCTwvZz4NCgkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIzNSwxOC4zMDcgMzQuNDQ3LDE4LjMwNyAzNC42MzcsMTcuNjg5IDM1LjE4OCwxNy42ODkgCQkiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01LjA4MSwyMi4wNzJjMCwxLjU4NywyLjA2NiwyLjg3Myw0LjYxNSwyLjg3M2MyLjU0OSwwLDQuNjE1LTEuMjg2LDQuNjE1LTIuODczDQoJCQljMC0xLjU4Ny0yLjA2Ni0yLjg3NC00LjYxNS0yLjg3NEM3LjE0NywxOS4xOTgsNS4wODEsMjAuNDg1LDUuMDgxLDIyLjA3MiIvPg0KCQk8cGF0aCBmaWxsPSIjRDUyQjJBIiBkPSJNMTQuMzE2LDE5Ljc5NWMtMC4xOTEtMC4wNTgtMC4zMjQtMC4wOTctMC4yMjMtMC4zNDljMC4yMTgtMC41NDcsMC4yNC0xLjAyLDAuMDA0LTEuMzU2DQoJCQljLTAuNDQyLTAuNjMyLTEuNjUzLTAuNTk4LTMuMDQxLTAuMDE3YzAsMC0wLjQzNSwwLjE5MS0wLjMyMy0wLjE1NWMwLjIxMy0wLjY4NywwLjE4MS0xLjI2MS0wLjE1MS0xLjU5Mw0KCQkJYy0wLjc1My0wLjc1My0yLjc1NSwwLjAyOC00LjQ3MiwxLjc0NGMtMS4yODUsMS4yODYtMi4wMzEsMi42NDktMi4wMzEsMy44MjZjMCwyLjI1NCwyLjg5LDMuNjI1LDUuNzE4LDMuNjI1DQoJCQljMy43MDYsMCw2LjE3Mi0yLjE1Miw2LjE3Mi0zLjg2MkMxNS45NjksMjAuNjI0LDE1LjA5OSwyMC4wMzgsMTQuMzE2LDE5Ljc5NXogTTkuODA0LDI0LjcxMg0KCQkJYy0yLjI1NiwwLjIyMi00LjIwMy0wLjc5Ny00LjM1MS0yLjI3OGMtMC4xNDYtMS40NzksMS41NjQtMi44NjIsMy44Mi0zLjA4M2MyLjI1Ny0wLjIyMyw0LjIwNCwwLjc5Niw0LjM1MSwyLjI3Nw0KCQkJQzEzLjc3MSwyMy4xMDcsMTIuMDYxLDI0LjQ4OSw5LjgwNCwyNC43MTJ6Ii8+DQoJCTxwYXRoIGZpbGw9IiNFODkxMTIiIGQ9Ik0xNi43NzgsMTUuNjcxYy0wLjg5Ni0wLjk5Mi0yLjIxNi0xLjM3MS0zLjQzNS0xLjExMmwwLDBjLTAuMjgyLDAuMDYxLTAuNDYyLDAuMzM4LTAuNDAxLDAuNjE5DQoJCQljMC4wNiwwLjI4MiwwLjMzNywwLjQ2MiwwLjYxOSwwLjQwMmMwLjg2Ny0wLjE4NCwxLjgwNiwwLjA4NSwyLjQ0MSwwLjc5YzAuNjM1LDAuNzA1LDAuODA5LDEuNjY3LDAuNTM2LDIuNTA5bDAsMA0KCQkJYy0wLjA4OSwwLjI3NCwwLjA2MiwwLjU2OCwwLjMzNiwwLjY1N2MwLjI3NCwwLjA4OSwwLjU2OS0wLjA2MiwwLjY1Ny0wLjMzNWMwLDAsMC0wLjAwMSwwLTAuMDAyDQoJCQlDMTcuOTE1LDE4LjAxNCwxNy42NzMsMTYuNjYzLDE2Ljc3OCwxNS42NzEiLz4NCgkJPHBhdGggZmlsbD0iI0U4OTExMiIgZD0iTTE1LjQwMywxNi45MTFjLTAuNDM2LTAuNDgzLTEuMDc5LTAuNjY3LTEuNjczLTAuNTQxYy0wLjI0MywwLjA1Mi0wLjM5NywwLjI5MS0wLjM0NSwwLjUzNA0KCQkJYzAuMDUyLDAuMjQyLDAuMjksMC4zOTcsMC41MzIsMC4zNDVsMCwwYzAuMjkxLTAuMDYyLDAuNjA0LDAuMDI4LDAuODE3LDAuMjY0YzAuMjE0LDAuMjM2LDAuMjcxLDAuNTU5LDAuMTgsMC44NDFsMCwwDQoJCQljLTAuMDc2LDAuMjM2LDAuMDU0LDAuNDg5LDAuMjg5LDAuNTY1YzAuMjM2LDAuMDc2LDAuNDg5LTAuMDUzLDAuNTY1LTAuMjg5QzE1Ljk1NiwxOC4wNTIsMTUuODQsMTcuMzk1LDE1LjQwMywxNi45MTEiLz4NCgkJPGc+DQoJCQk8cGF0aCBmaWxsPSIjMDQwMDAwIiBkPSJNMTAuMDI5LDIwLjQ4OGMtMS4wNzQtMC4yNzktMi4yODcsMC4yNTUtMi43NTMsMS4yMDJjLTAuNDc2LDAuOTY1LTAuMDE3LDIuMDM1LDEuMDY4LDIuMzg4DQoJCQkJYzEuMTIzLDAuMzYsMi40NDgtMC4xOTMsMi45MDgtMS4yMzRDMTEuNzA3LDIxLjgyMywxMS4xNDEsMjAuNzc1LDEwLjAyOSwyMC40ODh6IE05LjIxLDIyLjk1Mg0KCQkJCWMtMC4yMTksMC4zNDgtMC42ODYsMC41MDEtMS4wMzgsMC4zNGMtMC4zNDctMC4xNTgtMC40NDktMC41NjMtMC4yMzEtMC45MDFjMC4yMTYtMC4zMzksMC42NjgtMC40ODgsMS4wMTctMC4zNDMNCgkJCQlDOS4zMTIsMjIuMTk5LDkuNDI0LDIyLjYwMiw5LjIxLDIyLjk1MnogTTkuOTI5LDIyLjAyOWMtMC4wNzksMC4xMzUtMC4yNTQsMC4xOTktMC4zOTEsMC4xNDQNCgkJCQljLTAuMTM0LTAuMDU2LTAuMTc2LTAuMjA2LTAuMS0wLjMzOWMwLjA3OC0wLjEzMiwwLjI0Ni0wLjE5NSwwLjM4LTAuMTQ1QzkuOTU1LDIxLjc0MSwxMC4wMDQsMjEuODk1LDkuOTI5LDIyLjAyOXoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat;
	background-size: 100%;
}

.WB_h5video .opt-5 {
	right: 74px\9;
}

.WB_h5video .opt-6 {
	top: 15px\9;
	right: 0\9;
}

.WB_h5video .opt-7 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	margin-left: 16px;
	top: 16px;
	left: 0\9;
}

.WB_h5video .opt-8 {
	margin: 0 16px 0 -2px;
	top: 16px;
	right: 0\9;
}

.WB_h5video .con-5 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
}

.WB_h5video .con-5 .progress-bar {
	height: 2px;
	background: rgba(0, 0, 0, .3);
	overflow: hidden;
}

.WB_h5video .con-5 .progress-bar .progress-bar-inner {
	height: 2px;
}


/* .WB_h5video .con-7 { position: absolute;background:#fff; color:#333; border:1px solid #ccc; border-radius:2px; padding:2px; box-shadow:0px 2px 8px 1px rgba(0,0,0,0.2); font-size: 12px;}
.WB_h5video .con-7 ul { margin:0; padding:0; clear:both }
.WB_h5video .con-7 ul li { position:static; float:none; margin:0; padding:0; display:inline;}
.WB_h5video .con-7 ul li.title,
.WB_h5video .con-7 ul li.suggest_title { padding:5px 10px; display:block; cursor:default; white-space:nowrap; }
.WB_h5video .con-7 ul li a { white-space:nowrap; min-width:50px;*min-width:auto;_width:50px;padding:7px 13px; color:#333;display:block; text-decoration:none;}
.WB_h5video .con-7 ul li a .S_txt1 {color:#333;}
.WB_h5video .con-7 ul li a .S_txt2 {color:#808080;}
.WB_h5video .con-7 ul li a.auto_width{ width:auto; min-width:0;}
.WB_h5video .con-7 ul li .list_subtitle{ margin-left:5px;}
.WB_h5video .con-7 ul li.cur a,
.WB_h5video .con-7 ul li a:hover { background-color:#f2f2f5;text-decoration:none; color:#eb7350; }
.WB_h5video .con-7 ul li a:hover .S_txt1,
.WB_h5video .con-7 ul li a:hover .S_txt2 { color:#eb7350; }
.WB_h5video .con-8{ position: absolute; bottom: 40px; left: 50%;-moz-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-o-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0); max-width: 100%; height: 26px; background: rgba(0,0,0,.45); border-radius: 2px; line-height: 26px;}
.WB_h5video .con-8 .ipt{ position: relative; padding: 0 30px 0 10px; }
.WB_h5video .con-8 .ipt input{ width: 260px; height: 26px; background: transparent; border: 0; color: #fff; line-height: 26px;}
.WB_h5video .con-8 .ipt input:focus{ outline-color: transparent; }
.WB_h5video .con-8 .ipt input::selection{background:#eb7350;}
.WB_h5video .con-8 .ipt .ficon_close{ position: absolute; right: 0; top: 0; width: 30px; height: 26px; text-align: center;} */


/* 全屏样式 */

:-webkit-full-screen {
	width: 100%!important;
	height: 100%!important;
}

:-moz-full-screen {
	width: 100%!important;
	height: 100%!important;
}

:-ms-fullscreen {
	width: 100%!important;
	height: 100%!important;
}

:-o-fullscreen {
	width: 100%!important;
	height: 100%!important;
}

:full-screen {
	width: 100%!important;
	height: 100%!important;
}

:fullscreen {
	width: 100%!important;
	height: 100%!important;
}


/* 场景层级变化 */

.WB_h5video [class^="con"],
.WB_h5video .con-3 [class^="box"],
.WB_h5video .con-3 .box-1 span a,
.WB_h5video .con-3 .box-1 span em,
.WB_h5video .con-3 .box-2 span,
.WB_h5video .con-3 .box-2 em {
	z-index: 0;
	opacity: 0;
}

.WB_h5video.hv-s1 .con-1,
.WB_h5video.hv-s1 .con-4,
.WB_h5video.hv-s1 .con-3,
.WB_h5video.hv-s1 .con-3 .box-2,
.WB_h5video.hv-s1 .con-3 .box-2 span,
.WB_h5video.hv-s2 .con-3,
.WB_h5video.hv-s2 .con-3 .box-1,
.WB_h5video.hv-s2 .con-3 .W_loading_big,
.WB_h5video.hv-s3 .con-2,
.WB_h5video.hv-s3 .con-5,
.WB_h5video.hv-s3:hover .con-6,
.WB_h5video.hv-s3-2 .con-3,
.WB_h5video.hv-s3-2 .con-3 .box-2,
.WB_h5video.hv-s3-2 .con-3 .box-2 span,
.WB_h5video .con-3.hv-s3-3,
.WB_h5video .con-3.hv-s3-3 .box-3,
.WB_h5video.hv-s3-5 .con-3,
.WB_h5video.hv-s3-5 .con-3 .box-2,
.WB_h5video.hv-s3-5 .con-3 .box-2 span,
.WB_h5video.hv-s3-5 .con-3 .box-2 em,
.WB_h5video.hv-s3-6 .con-3,
.WB_h5video.hv-s3-6 .con-3 .box-1,
.WB_h5video.hv-s3-6 .con-3 .W_loading_big,
.WB_h5video.hv-s3-6 .con-3 .box-1 span a,
.WB_h5video.hv-s3-6 .con-3 .box-1 span em,
.WB_h5video.hv-s3-7 .con-7,
.WB_h5video.hv-s3-8 .con-8 {
	z-index: 1;
	opacity: 1;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.WB_h5video .con-3.hv-s3-3,
.WB_h5video .con-3.hv-s3-3 .box-3 {
	-webkit-transition: none;
	transition: none;
}

.WB_h5video.hv-s3-7 .con-7,
.WB_h5video.hv-s3-8 .con-8 {
	z-index: 2;
}

.WB_h5video.hv-s3 .con-4,
.WB_h5video.hv-s3:hover .con-5,
.WB_h5video.hv-s3-2 .con-5,
.WB_h5video.hv-s3-5 .con-5,
.WB_h5video.hv-s3-5:hover .con-6,
.WB_h5video.hv-s3-5 .con-3.hv-s3-3 .box-3,
.WB_h5video.hv-s3-6 .con-3.hv-s3-3 .box-3,
.WB_h5video.hv-s1.hv-s2 .con-3 .box-2,
.WB_h5video.hv-s1.hv-s2 .con-3 .box-2 span {
	z-index: 0;
	opacity: 0;
}


/* H5播放器END */