/*player*/
.flashPlayer{ position: relative; border: 10px solid #E3EBEF; height: 450px; width: 870px; background-color: #000000; font-size: 12px; line-height: 22px; }
.flashPlayer .playerBox{ float: left; height: 450px; width: 650px; }
.flashPlayer .playerBox .title{ /*position: relative;*/ height: 40px; padding: 0 20px; }
.flashPlayer .playerBox .title p{ color: #F2F2F2; font-size: 18px; height: 40px; line-height: 40px; }
.flashPlayer .playerBox .player{ height: 410px; width: 100%; background-color: #ffffff;}

/*player-list*/
.flashPlayer .thumbList{ float: left; width: 220px; height: 450px; }
.flashPlayer .thumbList .scrollArea{ width: 220px; height: 450px; overflow: auto; position: relative; }
.flashPlayer .thumbList .scrollArea ul li.playLists{/*无滚动条时使用行内样式style="margin: 0 18px 6px; overflow: hidden;"*/ width: 180px; height: 130px; cursor: pointer; border: 2px solid #ffffff; margin: 8px 10px 16px; position: relative; }
.flashPlayer .thumbList .scrollArea ul li img{ display: block; width: 100%; height: 100%; }
.flashPlayer .thumbList .scrollArea ul li p.intro{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 22px; line-height: 22px; text-align: center; color: #ffffff; z-index: 10; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.flashPlayer .thumbList .scrollArea ul li p.intro span.layer{ position: absolute; left: 0; top: 0; width: 100%; height: 22px; z-index: -1; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50); }