.filmStrip.full .choices { margin: 20px; } .filmStrip.full .screencast { margin-bottom: 10px; margin-left: 5px; } .filmStrip.full .leftArrow, .filmStrip.full .rightArrow { display: none; } .filmStrip.strip { position: relative; width: 100%; height: 100px; background-color: white; margin: 10px 0px; } .filmStrip.strip .leftArrow { width: 23px; height: 100px; background-color: #f5f5f5; position: absolute; background-image: url('/images/buysub/leftarrow-1bv7hd3.gif'); background-repeat: no-repeat; top: 0px; left: 0px; } .filmStrip.strip .disabled, .filmStrip.strip .disabled { opacity: .3; filter: alpha(opacity=30); } .filmStrip.strip .rightArrow { width: 23px; height: 100px; background-color: #f5f5f5; position: absolute; background-image: url('/images/buysub/rightarrow-io1mn4.gif'); background-repeat: no-repeat; top: 0px; right: 0px; } .filmStrip.strip .thumbHolder { overflow: hidden; background-color: #f5f5f5; position: absolute; top: 0px; left: 26px; height: 100px; } .filmStrip.strip .choices { position: relative; padding: 10px 6px; width: 4000px; } .filmStrip .screencast { box-sizing: border-box; -moz-box-sizing: border-box; position: relative; width: 280px; height: 78px; font-size: 11px; cursor: pointer; margin-right: 8px; display: block; float: left; border: 1px solid #CCCCCC; background-color: white; background-repeat: no-repeat; background-position: 1px 1px; } .filmStrip .screencast .playButton { position: absolute; top: -2px; left: -2px; } .filmStrip .screencast .description .number { font-weight: bold; } .filmStrip .screencast .description { position: absolute; left: 102px; top: 0px; box-sizing: border-box; -moz-box-sizing: border-box; width: 174px; height: 76px; border-left: 1px solid #CCCCCC; height: 76px; padding: 6px 9px; } .filmStrip .screencast.hover { background-color: #f5f5f5; } .filmStrip .screencast .watchVideo { position: absolute; left: 112px; bottom: 9px; display: block; } .videoBlocker { background-color: black; opacity: .5; filter: alpha(opacity=50); position: absolute; top: 0px; left:0px; width: 951px; height: 100%; display: none; } .videoContent { position: absolute; top: 15px; left: 75px; z-index: 1; } #videoPlayer { border: 1px solid #666666; width: 790px; height: 630px; margin-bottom: 10px; } .playerWindow img.closeVideo { position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; cursor: pointer; } .playerWindow { padding: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 800px; position: relative; } .playerWindow .nowPlaying { font-size: 14px; color: #999999; font-weight: bold; padding: 5px 22px 5px 5px; } .playerWindow .videoTitle { color: #20699D; } .playerWindow .description { width: 790px; padding-bottom: 5px; position: relative; } .playerWindow .videoAbstract { margin: 5px 15px; } .playerWindow .buyNowOrClose { margin: 10px 15px; font-size: small; float: right; text-align: center; } .playerWindow .buyNowOrClose img { margin-bottom: 5px; } .playerWindow .prevNext { height: 20px; position: relative; } .playerWindow .prevNext img { cursor: pointer; display: block; position: absolute; top:0px; } .playerWindow .prevNext img.disabled { cursor: default; } .playerWindow .prevNext .prev { left: 0px; } .playerWindow .prevNext .next { right: 0px; }