@charset "utf-8";

#movies {
	width: 960px;
	height: 540px;
	margin-top: 8px;
}
#movie {
	width: 960px;
	height: 540px;
	margin: 0;
	background-color: var(--baseColor);
}
#movieTitle {font-size: 18px; padding: 8px 0 0 8px;}
#productVideo {
	width: 960px;
	height: 540px;
	margin: 0;
	padding: 0;
}
/*
.movieThumbs {
	display: flex;
	flex-flow: row nowrap;
	width: 960px;
	height: 90px;
	margin-top: 15px;
}
.movieThumbs .movieThumb {
	width: 160px;
	height: 90px;
	margin-right: 15px;
	
}
.movieThumbs .movieThumb .thumbimg {
	width: 160px;
	height: 90px;
	cursor: pointer;
}
*/
/**/
.movieThumbs {
	
	width: 920px;
	/*height: 120px;*/
	margin: 8px auto 0;
	padding: 0;
	overflow-x: auto;
}
.movieThumbs .inner {
	display: flex;
	flex-flow: row nowrap;
}
.movieThumbs .inner .movieThumb {
	width: 160px;
	/*height: 90px;*/
	margin: 0 20px 0 0;
	padding: 0;
	cursor: pointer;
}
.movieThumbs .inner .movieThumb img {width: 160px; height: 90px;}
/**/
/*.movieThumbs .movieThumb .thumbimg:hover {outline: solid 2px #660066;}
.movieThumbs .movieThumb .thumbimg.selected {outline: solid 2px #660066;}*/
.movieThumbs .inner .movieThumb .thumbtxt {
	font-size: 11px;
	text-align: center;
	margin-top: 4px;
}
.movieThumbs .movieThumb .thumbtxt a {color: var(--selectedColor);}
.movieThumbs .movieThumb .thumbtxt a:hover {text-decoration: underline;}