body {
	margin: 0px;
	padding: 0px;
	xbackground: #63295f; /*url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/background.jpg') top left;*/
	xbackground-repeat: no-repeat;
	xbackground: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/bg-repeatx.jpg') top left;
	background-repeat: repeat-x;
	background-color: #60325e;
	
	overflow-x : hidden;/*fix backimg larger the width, but cannot solve ie7*/
	overflow: auto;
}

.normalStyle {
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	line-height: 25px;
	color: #000000;
}

.normalFooterStyle {
	font-size: 13px;
	font-weight: lighter;
	margin: 0px 0px 0px 5px;
	font-family: "Helvetica", Arial, Verdana;
}

.normalBannerTitleStyle {
	color: #fff;
	margin: 0px;
	padding: 10px 12px;
	font-size: 22px;
	line-height: 25px;
	font-weight: normal;
	font-family: "Helvetica", Arial, Verdana;
}

.normalTitleStyle {
	font-family: none;
	font-size: 20px;
	font-weight: lighter;
	color: #7d4779;
}

.normalVideoHeadingStytle {
	font-size: 20px;
	color: #FFF;
	font-weight: lighter;
	margin: 0px;
}

.normalSubtitleStytle {
	color: #b8babd;
	font-size: 13px;
	font-weight: 500;
	clear: both;
	margin: 0px;
}

.textSizeText {
	text-decoration: none;
	color: #703088;
}

img {
	border: 0px;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	font-size: 0px;
}

#backimage {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/backgroundnew.jpg') top left;
	xbackground-repeat: no-repeat;
	float: left;
	height: 529px;
	width: 1500px;
	position: absolute;
	z-index: -1;
	left: -250px;
	top: 25px;
}

#backtopimage {
	xbackground: #482b49;
	background: #60325e;
	float:left;
	height:44px;
	width:1500px;
	position:absolute;
	z-index:-1;
	right:-240px;
}

#background {
	xbackground: #774076; / /*url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/background.jpg') top left;*/
	xbackground-repeat: repeat;
	xheight: 891px;
}

#main {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/bodyBack.jpg') top left;
	margin: 0px auto;
	width: 1020px;
	background-repeat: no-repeat;
}

#header {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/bodyHeader0.png') top left;
	height: 87px;
	width: 1020px;
	position: relative;
}

.video_pic {
	xvertical-align: middle;
	xmax-width: 100%;
	xmax-height: 100%;
}

#video {
	height: 330px;
	position: relative;
}

#content1 {
	width: 210px;
	height: 480px;
	float: left;
	background-color: #ffffff;
	xbackground-color: #CFCBCD;
}

#content2 {
	float: left;
	margin: 0px 4px;
	background-color: #ffffff;
	xbackground-color: #CFCBCD;
	height: 480px;
	width: 578px;
}

#content3 {
	width: 224px;
	float: left;
	background-color: #FFF;
	height: 480px;
	xmin-height: 443px;
}

a.contentHeader,div.contentHeader,ul.contentHeader,li.contentHeader iframe.contentHeader {
	text-align: center;
	line-height: 25px !important;
	margin: 0px auto;
	color: #373035;
	font-size: 13px;
	font-family: "Helvetica", Arial, Verdana;
	padding: 0px;
}

ul.contentHeader {
	list-style-type: none;
}

#content2Head {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/c2Top.jpg');
}

#content1Head {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/c1Top.jpg');
}
#contentAllHead {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/c1Top.jpg');
}
#footer {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/footer.jpg') top left;
	width: 1020px;
	height: 32px;
	clear: both;
	line-height: 30px;
}

#inst {
	display: inline;
	float: right;
}

.subSelect {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/c1Button.jpg');
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 41px;
	color: #443c41;
	height: 41px;
}

.subSelect img {
	float: left;
}

.subSelect p {
	margin: 0px 0px 0px 20px;
	line-height: 41px;
	xfont-size: 15px;
}

p {
	font-family: "Helvetica", Arial, Verdana;
}

font {
	font-family: "Helvetica", Arial, Verdana;
}

div.c2big {
	margin: 0 0 4px 0;
	xwidth: 578px;
}

.c2big > a > img
{
	width: 578px;
}

.c2small {
	margin: 1px 1px 0px 0px;
	float: left;
	xdisplay: inline;
	xwidth: 192px;
	overflow: hidden;
}

.c2small > a > img
{
	width: 192px;
}

.carouselWrapper {
	width: 578px;
	overflow: hidden;
}

.carouselSmall {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 193px;
}

.c2smallPic {
	xmargin: 0px 1px 0px 0px;
}

#c2smallLast {
	margin-right: 0px;
}

/*
#c2s2 {
	margin: 1px 1px 0px 1px;
}
*/
#c1shadow {
	background: url(/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/c1Shadow.jpg);
}

#content3_left_head {
	background: url(/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/c3TopLeft_1.jpg);
	width: 112px;
	float: left;
}

#content3_right_head {
	background: url(/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/c3TopRight_1.jpg);
	width: 112px;
	float: left;
}

li.active > #content3_right_head {
	background: url(/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/c3TopRight_2.jpg);
	color: #fff;
}

li.active > #content3_left_head {
	background: url(/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/c3TopLeft_2.jpg);
	color: #fff;
}

#content3_left_head.ui-state-active a,#content3_right_head.ui-state-active a
	{
	color: #fff;
}

div.vl_sub3 {
	width: 233px;
	xfloat: left;
	font-size: 10px;
}

img.vl_sub3 {
	float: left;
	padding: 0px 10px 20px 30px;
}

div.vl_sub3:hover {
	background: #fff;
}

div.videoCell:hover {
	background: #fff;
}

div.subSelect:hover {
	background: #fff;
}

p.vl_link {
	margin: 0px;
	padding: 4px 0px 4px 0px;
	line-height: 15px;
	float: left;
	xwidth: 90px;
	width: 110px;
	color: #4f4954;
	xfont-size: 12px;
	text-decoration: none;
}

div.video_background img.content_sub3 {
	xdisplay: block;
	xmargin: auto;
	/*max-height: 69px;
	max-width: 100px;*/
	xvertical-align: absmiddle;
	max-height: 100%;
	max-width: 100%;
	xtop: 50%;
	xposition: relative;
}

.featured_video_background {
	xbackground: #000;
	xtext-align: center;
}

.featured_video_background>div {
	display: table-cell;
	vertical-align: middle;
	margin: auto;
	xtext-align: center;
}

.video_background {
	xbackground: #000;
	float: left;
	height: 68px;
	width: 99px;
	line-height: 68px;
	text-align: center;
	xmargin: 7px 5px;
	margin-right: 3px;
}

.video_background>div {
	height: 69px;
	width: 100px;
	display: table-cell;
	vertical-align: middle;
	margin: auto;
	text-align: center;
}

.big_video_background {
	background: #000;
	float: left;
	height: 390px;
	width: 560px;
	xline-height: 69px;
	text-align: center;
	xmargin: 7px 5px;
	margin-right: 3px;
}

.big_video_background>div {
	height: 390px;
	width: 560px;
	display: table-cell;
	vertical-align: middle;
	margin: auto;
	text-align: center;
}

.big_video_thumbnail {
	max-height: 100%;
	max-width: 100%;
}

.videoCell {
	padding: 7px 5px;
	xheight: 67px;
	display: inline-block;
	width: 204px;
	xfloat: left;
	font-size: 10px;
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/c3Button.jpg');
	background-repeat: repeat-x;
}

.Cell_link {
	margin: 10px;
	text-decoration: none;
}

.cellLink {
	text-decoration: none;
}

.cellTitle {
	margin: 0px;
	line-height: 15px;
	height: 49px;
	xfloat: right;
	xwidth: 90px;
	color: #322d30;
	font-size: 12px;
	text-decoration: none;
	overflow: hidden;
	padding: 4px 0px 4px 4px;
}

#ArtContent3 {
	clear: both;
	height: 28px;
	background: #fff;
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/vl_header.jpg') top left;
	background-repeat: repeat-x;
}

#content3Head_left {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/c3TopLeft_1.jpg');
	width: 112px;
	float: left;
	height: 24px;
}

#content3Head_right {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/c3TopRight_2.jpg');
	width: 112px;
	float: left;
	color: #fff;
	height: 24px;
}

font.footerF0 {
	color: #e5e3e4;
	font-family: "Helvetica", Arial, Verdana;
	font-size: 13px;
	padding: 5px;
	font-weight: 200;
	float: left;
	xvertical-align: middle;
	line-height: 24px;
}

a.footerF1 {
	color: #f6f1f1;
	font-family: "Helvetica", Arial, Verdana;
	padding: 1px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 200;
}

#ftlink3 {
	padding: 2px 9px 2px 2px;
}

.cellRigth {
	padding: 2px;
	white-space: nowrap;
}

.cellDate {
	color: #703088;
	padding-top: 10px;
}

font.date_in_content3 {
	padding: 0px;
	color: #703088;
	float: left;
	white-space: nowrap;
	width: 110px;
}

.video_background.vl_sub3_content {
	margin: 0px 8px 0px 0px;
}

.vl_sub3 {
	text-decoration: none;
}

.vl_sub3_img {
	max-width: 100%;
	max-height: 100%;
}

div.vl_sub3 {
	width: 225px;
	float: left;
	font-size: 10px;
	margin: 0px 8px 16px 13px;
	padding: 4px 4px 4px 4px;
}

#language_bar {
	position: absolute;
	left: 890px;
	top: 0px;
}

#textSize_bar {
	position: absolute;
	left: 780px;
	top: 0px;
}

#textSize_bar2 {
	position: absolute;
	left: 840px;
	top: -3px;
}

#logo {
	position: relative;
}

#logo00 {
	position: absolute;
	top: 15px;
	left: 19px;
}

#logo01 {
	position: absolute;
	top: 10px;
	left: 99px;
}

#logo02 {
	position: absolute;
	top: 27px;
	left: 110px;
}

#search_bar {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/search_back0.jpg');
	height: 24px;
	position: absolute;
	left: 795px;
	top: 40px;
	width: 159px;
}

.video_background .play_overlay {
	width: 100px;
	height: 69px;
	float: left;
}

#carousel {
	width: 578px;
	height: 91px;
}

.items {
	position: relative;
	background-color: #CFCBCD;
}

.video_background:hover .play_overlay {
	filter: alpha(opacity = 100);
	opacity: 1;
}

.featured_video_background:hover  .play_overlay {
	filter: alpha(opacity = 100);
	opacity: 1;
}

.featured_video_background a>div {
	width: 100%;
	height: 100%;
}

.featured_video_background a {
	text-decoration: none;
}

.play_overlay {
	filter: alpha(opacity = 0);
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	xbackground: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/play_overlay_icon2.png') no-repeat;
	opacity: 0;
	margin: auto;
}

#pic01 div {
	zposition: relative;
	zwidth: 400px;
	zheight: 279px;
	zline-height: 279px;
}

#pic02 div,#pic03 div {
	zwidth: 200px;
	zheight: 139px;
}

#pic04 div,#pic05 div,#pic06 div {
	zwidth: 100px;
	zheight: 70px;
}

#pic07 div,#pic08 div,#pic09 div,#pic10 div {
	zwidth: 72px;
	zheight: 50px;
}

#pic06 {
	position: absolute;
	left: 7px;
	top: 106px;
	width: 100px;
	height: 70px;
}

#pic10 {
	position: absolute;
	left: 126px;
	top: 43px;
	width: 72px;
	height: 50px;
}

#pic04 {
	position: absolute;
	left: 208px;
	top: 28px;
	width: 100px;
	height: 70px;
}

#pic02 {
	position: absolute;
	left: 110px;
	top: 106px;
	width: 200px;
	height: 139px;
}

#pic08 {
	position: absolute;
	left: 235px;
	top: 255px;
	width: 72px;
	height: 50px;
}

#pic01 {
	position: absolute;
	width: 400px;
	height: 279px;
	left: 317px;
	top: 28px;
}
#pic01:hover {
	z-index:700;
}
#pic01:hover .caption{
	xtop: 111px;
	bottom: auto;
	left: 0px;
	width: 400px;
	height: auto;
	position: relative;
	top: -30px;
}
#pic01:hover .content {
	white-space: normal;
}

#pic03 {
	position: absolute;
	left: 724px;
	top: 28px;
	width: 200px;
	height: 139px;
}

#pic03:hover,#pic02:hover {
	z-index: 700;
}

#pic03:hover .caption,#pic02:hover .caption {
	xtop: 111px;
	bottom: auto;
	left: 0px;
	width: 300px;
	height: auto;
	position: relative;
	top: -30px;
}

#pic03:hover .content,#pic02:hover .content {
	white-space: normal;
}

#pic09 {
	position: absolute;
	left: 933px;
	top: 28px;
	width: 72px;
	height: 50px;
}

#pic05 {
	position: absolute;
	left: 726px;
	top: 176px;
	width: 100px;
	height: 70px;
}

#pic07 {
	position: absolute;
	left: 724px;
	top: 250px;
	width: 72px;
	height: 50px;
}


#pic07 .caption ,#pic09 .caption ,#pic10 .caption ,#pic08 .caption ,#pic06 .caption ,#pic04 .caption ,#pic05 .caption {
	/*display: none;*/
	filter: alpha(opacity = 0);
	opacity: 0;
}

#pic07:hover .caption,#pic09:hover .caption,#pic10:hover .caption,#pic08:hover .caption,#pic06:hover .caption,#pic04:hover .caption, #pic05:hover .caption{
	display: block;
}

#pic07:hover  ,#pic09:hover  ,#pic10:hover  ,#pic08:hover  ,#pic06:hover  ,#pic04:hover  ,#pic05:hover  {
	z-index:700;
}


#pic07:hover .caption,#pic09:hover .caption,#pic10:hover .caption,#pic08:hover .caption,#pic06:hover .caption,#pic04:hover .caption,#pic05:hover .caption{
	bottom: auto;
	left: 0px;
	width: 200px;
	height: auto;
	position: relative;
	top: -2px;
	filter: alpha(opacity = 100);
	opacity: 1;
}
#pic07:hover .content ,#pic09:hover .content ,#pic10:hover .content ,#pic08:hover .content ,#pic06:hover .content ,#pic04:hover .content ,#pic05:hover .content {

	white-space: normal;
}

#searchform-search_string {
	background: transparent;
	border-width: 0px;
	position: relative;
	font-family: "Helvetica";
	color: #606060;
	width: 159px;
}

#searchform-search_string::placeholder
{
	color: #606060;
	font-size: 11px;
	text-align: left;
}

div.ui-tabs {
	padding: 0px;
	border: 0px;
}

#content3 div.items {
	padding: 0px;
	border: 0px;
	height: 455px;
	overflow-x: hidden;
	xfloat: left;
	background-color :#CFCBCD;
	overflow-y: scroll;
}

ul.ui-corner-all,a.ui-corner-bottom,ul.ui-corner-right,li.ui-corner-br {
	-webkit-border-bottom-right-radius: 0px;
	-khtml-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

ul.ui-corner-all,a.ui-corner-bottom,li.ui-corner-left,li.ui-corner-bl {
	-webkit-border-bottom-left-radius: 0px;
	-khtml-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

ul.ui-widget-header {
	background: #fff;
}

.ui-tabs .ui-tabs-nav {
	padding: 0px;
	border: 0px;
}

div.ui-tabs .ui-tabs-nav {
	padding: 0px;
	border: 0px;
}

div.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected {
	margin: 0px;
	top: 0px;
	padding-bottom: 0px;
}

.ui-tabs .ui-tabs-nav li {
	float: left;
}

ul.contentHeader a {
	text-align: center;
	line-height: 25px;
	color: #373035;
	text-decoration: none;
}

.ui-tabs-hide {
	display: none !important;
}

div.ui-tabs .ui-tabs-nav li {
	top: 0px;
	border: 0px;
}

.searchDate {
	xbackground-color: #d2ced0;
	xpadding: 3px 10px;
	font-family: "Helvetica", Arial, Verdana;
	
	font-size: 14px;
	background-color: #D2CED0;
	padding: 20px 30px 0px 30px;
}

.searchDate input.juiinput {
	font-family: "Helvetica", Arial, Verdana;
	font-size: 0.8em;
}

#artVL {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/videoShadow.png') bottom;
	background-repeat: repeat-x;
	background-color: #d2ced0;
	xheight: 319px;
	height: 200px;
	padding: 20px 0px 0px 0px;
}

#artVL2 {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/videoShadow.png') bottom;
	background-repeat: repeat-x;
	background-color: #d2ced0;
	min-height: 330px;
	padding: 24px 0px 0px 0px;
}
#artVLie7 {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/videoShadow.png') bottom;
	background-repeat: repeat-x;
	background-color: #d2ced0;
	height: 319px;
	padding: 20px 0px 0px 20px;
}

#artVL2ie7 {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/videoShadow.png') bottom;
	background-repeat: repeat-x;
	background-color: #d2ced0;
	min-height: 330px;
	padding: 24px 0px 0px 20px;
}
.artVL2class {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/videoShadow.png') bottom;
	background-repeat: repeat-x;
	background-color: #d2ced0;
	xmin-height: 337px;
	xheight:322px;
	padding: 24px 0px 0px 0px;
}

#video-screen {
	height: auto;
	position: relative;
	margin: 30px 27px 30px 30px;
}

#curr-video {
	height: 380px;
	width: 558px;
	float: left;
	padding-bottom: 30px;
	padding-right: 25px;
}

#curr-content {
	color: #FFF;
	font-weight: lighter;
	float: left;
	width: 370px;
	padding-bottom: 30px;
}

div, h2, h1, font
{
	font-family: "Helvetica", Arial, Verdana !important;
}

body
{
	-webkit-font-smoothing: auto !important;
}

#video-heading {
	padding-top: 22px;
	font-size: 20px;
}

#video-date {
	padding-top: 8px;
	font-size: 75%;
}

#video-description {
	padding-top: 18px;
	font-size: 13px;
	clear: both;
}

.Video-subtitle {
	color: #868285;
	font-size: 13px;
	font-weight: 500;
	clear: both;
}

#categories {
	padding-top: 22px;
	color: #868285;
}

.subcategories {
	padding: 6px 0px;
}

.videoType {
	padding: 3px;
	float: left;
	clear: both;
	margin: 2px 0px;
	text-decoration: none;
	border-radius: 2px;
}

#videotype1 {
	background: #404e6b;
	color: #FFF;
	font-weight: lighter;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#videotype2 {
	background: #525760;
	color: #FFF;
	font-weight: lighter;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.video-tag {
	text-align: center;
	background: #d0c6c8;
	padding: 2px 5px;
	font-size: 10px;
	color: #483939;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 2px;
}

.tag-cell {
	float: left;
	display: inline;
	white-space: nowrap;
	padding: 3px 2px;
	text-decoration: none;
}

#shareTo {
	padding: 28px 0px 8px 0px;
}

#tags-head {
	padding-top: 16px;
}

#email {
	color: #514645;
	font-size: 10px;
	font-weight: 600;
	width: 46px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/emailbutton.png');
	
	text-decoration: none;
}

#tag-icon {
	float: left;
	height: 50px;
	padding: 8px 2px 0px 2px;
}

#facebook {
	xpadding: 0px 4px;
}

#twitter {
	xdisplay: block;
	xpadding: 0px;
	xbackground: url('https://webarchive.lib.cuhk.edu.hk/20201208130252oe_/http://a4.twimg.com/images/favicon.ico') 1px center
		no-repeat;
}

.share-icons {
	float: left;
	margin: 5px 0px 0px 0px;
}

#banner p {
	color: #fff;
	margin: 0px;
	padding: 10px 12px;
	font-size: 22px;
	line-height: 25px;
}

#searchSubmit {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/search0.jpg');
	border: solid 0px #000000;
	width: 24px;
	height: 23px;
	position: absolute;
	left: 158px;
	top: 0px;
}

.noStyle {
	text-decoration: none;
}

.subSelect a {
	text-decoration: none;
}

.subSelect p.noStyle {
	color: #443c41;
}

.testing
{
	width: 5000px;
	height: 5000px;
}

.slideshow-wrapper .caption {
	display: block;
	z-index: 600;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	height: 28px;
	
}

.slideshow-wrapper:hover .caption {
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

.slideshow-wrapper .caption .content {
	color: #ffffff;
	line-height: 20px;
	xfont-size: 14px;
	font-family: Verdana;
	display: block;
	margin: 2px 5px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
}

.caption {
	right: 0px;
	xopacity: 0.7;
}

a .caption {
	text-decoration: none;
}
/*
.glowbox {
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=2,
		Direction=0, ), progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee,
		Strength=2, Direction=90 ), progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee,
		Strength=2, Direction=180 ), progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee,
		Strength=2, Direction=270 );
	box-shadow: 0px 0px 30px #000;
	-webkit-box-shadow: 0px 0px 30px #fff;
	-moz-box-shadow: 0px 0px 30px #fff;
}

.glowboxie9 {
	box-shadow: 0px 0px 30px #fff;
	-webkit-box-shadow: 0px 0px 100px #fff;
	-webkit-box-shadow: 0 0 20px #fff;
	-moz-box-shadow: 0 0 20px #fff;
}
*/
.glowbox {
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=2,
		Direction=0, ), progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee,
		Strength=2, Direction=90 ), progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee,
		Strength=2, Direction=180 ), progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee,
		Strength=2, Direction=270 );
	box-shadow: 0 2px 2px #000, 0 -2px 2px #000, 2px 0 3px #000, -2px 0 2px
		#000;
	-webkit-box-shadow: 0 0 20px #000;
	-moz-box-shadow: 0 0 20px #000;
}

.glowboxie9 {
	box-shadow: 0 2px 2px #fff, 0 -2px 2px #fff, 2px 0 3px #fff, -2px 0 2px
		#fff;
	-webkit-box-shadow: 0 0 20px #fff;
	-moz-box-shadow: 0 0 20px #fff;
}


.grid-view table.items th {
	width: 400px;
}

.theSlide {
	height: 274px;
}

span.empty {
	font-family: "Helvetica", Arial, Verdana;
	padding: 15px;
}

#searchSpeakerColumn {
	height: 337px;
	background-color: #D2CED0;
	padding: 30px 30px;
}

#searchSpeakerColumn2 {
	background-color: #D2CED0;
	padding: 20px 30px 0px 30px;
	font-family: "Helvetica", Arial, Verdana;
	font-size: 14px;
	min-height: 400px;
}

#searchSpeakerColumn2 p {
	margin: 0px 0px;
}

#searchSpeakerColumn p {
	color: #443C41;
	line-height: 25px;
	margin: 0px ;
	font-family: "Helvetica", Arial, Verdana;
	padding: 0px;
}

#searchSpeakerColumn a {
	text-decoration: none;
}

#searchSpeakerColumn div {
	xwidth: 180px;
	width:auto;
	height: 30px;
}
div.speakerResult:hover {
	background: #fff;
}
/*
.showhiddencaption {
	filter:alpha(opacity=0);
	opacity:0;

}
.showhiddencaption:hover
{
	filter:alpha(opacity=100);
	opacity:1;
}
*/

.loading{
	/*comment setting*/
	background:#D2CED0;
	text-align:center;
	font-family: "Helvetica", Arial, Verdana;
	font-size: 12px;
}
#content .loading {
	/*for detail ,Categories ,Series*/
	height:220px;
	line-height:230px;
}
#content3 .loading {
	/*only for index*/
	height:365px;
	line-height:360px;
}
#inSearchPage .loading {
	/*only for search*/
	height:397px;
	line-height:360px;
}
#artVLforSearchSpeakerResult {
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/videoShadow.png') bottom;
	background-repeat: repeat-x;
	background-color: #d2ced0;
	height: 341px;
	padding: 20px 0px 0px 0px;
}
#curr-content a{
	text-decoration: none;
}
#curr-content a,
#curr-content a:visited,
#curr-content a:hover {
	color:yellow;
}
.loadingListOfInfintescorller{
	background-color:#CFCBCD;
	text-align: center;
	font-size:12px;
	font-family: "Helvetica", Arial, Verdana;

}

#latestFeedContainer{
	height:700px;
	overflow:scroll;

}
.periodYear{
	padding: 30px 10px 10px 30px;
	font-size: 25px;
	
	font-family: Arial, Verdana;
}
.periodMonth{
	padding: 10px 10px;
	font-size: 16px;
	color: #585864;
	
	font-family: Arial, Verdana;
	
}
a.periodMonth{
	xpadding: 10px 10px;
	xfont-size: 16px;
	
	color: #0000ff;
	text-decoration: none;
	
	font-family: Arial, Verdana;
}
.periodMonth:hover{
	background: #fff;
}
.periodAllMonth{
	padding-left: 80px;
}
#menuBar{
	font-family: Arial, Verdana;
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/top_menu_bg.png') top left;
	background-repeat: repeat-x;
	height: 25px;
	font-size: 12px;
	color: #7c7579;
	line-height: 25px;
}
#menuBar a{
	text-decoration: none;
}
#menuBar span{
	font-size: 12px;
	color: #6c686a;
	line-height: 25px;
	padding: 0px 9px;
}
#menuBar span:hover{
	color: #000;
}
#aboutBack{
	xpadding: 20px 0px 30px 0px;
	background: #fff;
	padding: 25px 50px 60px 50px;
	xpadding-bottom: 47px;
}
#aboutBack p{
	xpadding: 2px 20px 6px 20px;
	margin: 0px 0px;
	color: #4c4549;
	xfont-size: 12px;
}
#aboutBack li{
	font-family: Arial, Verdana;
	padding: 3px 20px;
	margin: 0px 0px 0px 20px;
	color: #4c4549;
	font-size: 12px;
}
.policyPage li{
	font-family: Arial, Verdana;
	padding: 3px 20px;
	margin: 0px 0px 0px 20px;
	color: #4c4549;
	xfont-size: 12px;
}
#aboutBack ol{
	margin: 0px 0px;
	padding-left: 0px;
}
#aboutBack p.aboutSubT{
	xfont-size: 25px;
	font-weight: lighter;
	padding-bottom: 15px;
	xpadding-top: 20px;
	margin-top: 20px;
	color: #7d4779;
}

#aboutBack p.aboutSubT1 {
	margin-top:0px;
}

#aboutIm1{
	float: right;
	clear: both;
	margin: 20px 20px 0px 20px;
}
#aboutIm2{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-right: 18px;
	xpadding-bottom: 20px;
	clear: both;
}
#aboutIm3{
	float: right;
	margin: 20px 20px;
}
.aboutLast{
	xpadding-top: 20px;
}
.policyPage{
	background: #fff;
	padding: 10px 30px 10px 30px;
	height: 400px;
}
#map{
	height: auto;
}

.policyPage p{
	margin: 10px 0px;
	color: #4c4549;
	xfont-size: 12px;
	xtext-align: center;
}
.policyPage p.aboutSubT{
	font-size: 20px;
	font-weight: lighter;
	color: #7d4779;
	xtext-align: center;

}
/*new*/
#pic01 .reveal_wrapper { 
	display:block; 	
	overflow:hidden; 
	position:absolute; 
	left:164px;
	top:114px;
	width:72px; 
	height: 50px;
}

#pic02 .reveal_wrapper { 
	display:block; 
	overflow:hidden; 
	position:absolute; 
	right:0;
	width:0px; 
	height: 139px;
}
#pic06 .reveal_wrapper { 
	display:block; 
	overflow:hidden; 
	position:absolute; 
	right:0;
	width:0px;
	height: 70px;
}

#pic03 .reveal_wrapper { 
	display:block; 
	overflow:hidden; 
	position:absolute; 
	left:0;
	width:0px; 
	height: 139px;
}
#pic09 .reveal_wrapper { 
	display:block; 
	overflow:hidden; 
	position:absolute; 
	left:0;
	width:0px; 
	height: 50px;
}

#pic05 .reveal_wrapper { 
	display:block; 
	overflow:hidden; 
	position:absolute; 
	width:100px;
	height: 0px;
}
#pic08 .reveal_wrapper { 
	display:block; 
	overflow:hidden; 
	position:absolute; 
	width:72px;
	height: 0px;
}

#pic04 .reveal_wrapper { 
	display:block; 
	overflow:hidden; 
	position:absolute; 
	bottom:0;
	width:100px; 
	height: 0px;
}
#pic07 .reveal_wrapper { 
	display:block; 
	overflow:hidden; 
	position:absolute;
	width:72px;
	height: 0px;
}

#pic10 .reveal_wrapper { 
	display:block; 
	overflow:hidden; 
	position:absolute; 
	right:0;
	width:0px;  
	height: 50px;
}

#pic01 .caption {display:none}
#pic01 .video_pic { position:absolute; bottom:0px; max-width:100%;	max-height:100%; opacity:0;filter: alpha(opacity = 0);}

#pic02 .video_pic { position:absolute; max-height:100%}
#pic03 .video_pic { position:absolute; max-height:100%; right:0px;}

#pic04 .video_pic { position:absolute; max-width:100%; top:0px;}
#pic05 .video_pic { position:absolute; max-width:100%; bottom:0px;}
#pic08 .video_pic { position:absolute; max-width:100%; bottom:0px;}

#pic06 .video_pic { position:absolute; max-height:100%}
#pic09 .video_pic { position:absolute; max-height:100%; right:0px;}

#pic07 .video_pic { position:absolute; max-width:100%; bottom:0px;}
#pic10 .video_pic { position:absolute; max-height:100%}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #6c6464;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #6c6464;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #6c6464;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #6c6464;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
	color: #fff;
	cursor: pointer;
}

#content3 > .nav > li
{
	width: 50%;
}

.videoList
{
	xheight: 100%;
}

#content3_left_head, #content3_right_head
{
	padding: 0px;
}

.tab-content
{
	padding: 0px;
}

.detail-tab > ul
{
	clear: both;
	height: 28px;
	background: #fff;
	background: url('/20201208130252oe_/http://www.cpr.cuhk.edu.hk/CUTV/images/vl_header.jpg') top left;
	background-repeat: repeat-x;
}

.header-logo
{
	padding-top: 10px;
	padding-left: 91px;
}

.text-icon
{
	vertical-align: baseline;
}

.table-striped > tbody > tr:nth-of-type(odd)
{
	background-color: #E5F1F4;
}

.table-striped > tbody > tr:nth-of-type(even)
{
	background-color: #ffffff;
}


.table-striped > tbody > tr:hover
{
	background-color: #ECFBD4;
}

.filters
{
	background-color: #E5F1F4;
}

.sortable
{
	cursor: move;
}

/*#pic01 .reveal_wrapper { display:block; overflow:hidden; position:absolute;}

#pic02 .reveal_wrapper { display:block; overflow:hidden; position:absolute; right:0;}
#pic06 .reveal_wrapper { display:block; overflow:hidden; position:absolute; right:0;}

#pic03 .reveal_wrapper { display:block; overflow:hidden; position:absolute; left:0;}
#pic09 .reveal_wrapper { display:block; overflow:hidden; position:absolute; left:0;}

#pic05 .reveal_wrapper { display:block; overflow:hidden; position:absolute; }
#pic08 .reveal_wrapper { display:block; overflow:hidden; position:absolute; }

#pic04 .reveal_wrapper { display:block; overflow:hidden; position:absolute; bottom:0;}
#pic07 .reveal_wrapper { display:block; overflow:hidden; position:absolute;}

#pic10 .reveal_wrapper { display:block; overflow:hidden; position:absolute; right:0;}

#pic01 .reveal_wrapper { width:400px; height: 0px;}

#pic02 .reveal_wrapper { width:0px; height: 139px;}
#pic03 .reveal_wrapper { width:0px; height: 139px;}

#pic04 .reveal_wrapper { width:100px; height: 0px;}
#pic05 .reveal_wrapper { width:100px; height: 0px;}
#pic08 .reveal_wrapper { width:72px;  height: 0px;}

#pic06 .reveal_wrapper { width:0px; height: 70px;}
#pic09 .reveal_wrapper { width:0px;  height: 50px;}

#pic07 .reveal_wrapper { width:72px;  height: 0px;}
#pic10 .reveal_wrapper { width:0px;  height: 50px;}

#pic01 .video_pic { position:absolute; bottom:0px; max-width:100%;	}

#pic02 .video_pic { position:absolute; max-height:100%}
#pic03 .video_pic { position:absolute; max-height:100%; right:0px;}

#pic04 .video_pic { position:absolute; max-width:100%; top:0px;}
#pic05 .video_pic { position:absolute; max-width:100%; bottom:0px;}
#pic08 .video_pic { position:absolute; max-width:100%; bottom:0px;}

#pic06 .video_pic { position:absolute; max-height:100%}
#pic09 .video_pic { position:absolute; max-height:100%; right:0px;}

#pic07 .video_pic { position:absolute; max-width:100%; bottom:0px;}
#pic10 .video_pic { position:absolute; max-height:100%}

/*.video_pic -remove max-height:100% max-width:100%*/
/*.featured_video_background -remove text-align:center; */
/*.featured_video_background div -remove text-align:center; */