#player { display:block; width:458px; height:258px; overflow:hidden; padding: 0px; cursor: pointer; }
#player-wrap { display: none; }

/* #player { background: transparent url(/contents/video/images/default_logo.jpg) no-repeat scroll center center; } */

.player-container { margin: 6px 0px; }
.player-playlist { margin: 4px 0px;  }

.player-playlist .tabs { margin:0 !important; padding:0; height:22px; border-bottom:1px solid #333; border-left:1px solid #333; }
.player-playlist .tabs li { float:left; padding:0; margin:0; list-style-type:none; }
.player-playlist .tabs a { float:left; font-weight:bold; display:block; padding:2px 8px; text-decoration:none; height:18px; position:relative; }
.player-playlist .tabs a:hover { color:#ccc; }
.player-playlist .tabs a.current { background-color:#090909; color:#fff; cursor:default; }
.player-playlist .tabs a { border-right: 1px solid #333; border-top: 1px solid #333; }

.pane { border-left: 1px solid #333; border-bottom: 1px solid #333; position: relative; }
.pane .thumb { float: left;  display: block; clear: none; width: 120px; height: 82px; border: 1px solid #333; background-color: #1f1f1f; padding: 0px; margin: 4px; position: relative; overflow: hidden;}
.pane .thumb.playing { border-color: #ccc; }
.pane .thumb:hover { border-color: #fff; color: #fff; }
.pane { float: left; width: 458px; background-color: #090909; border-right:1px solid #333; }
.pane .thumb img { position: absolute; bottom: 16px; }
.pane .thumb .thumb-title { padding: 0px 4px; position: absolute; bottom: 0px; left: 0px; display: block; background-color: #1f1f1f; /* height: 16px; */ font-size: 9px; line-height: 16px}
.pane .page { width: 390px; display: block; position: relative; height: 94px; }
.pane .cycle { margin: auto; }

.pane .thumb.current { border-color: #ccc; }
.pane .thumb .caption { display: none; }
.pane .thumb .caption.on { display: block; width: 112px; height: 86px; padding: 4px; border: 1px solid #1f1f1f; position: fixed; z-index: 200; font-size: 9px; color: #666;}


/* FEATURED */

#featured-video.player-container { margin: 0px 0px; }
#featured-video .player-playlist { margin: 0px 0px;  }
#featured-video .thumb { width: 146px; height: 96px; margin: 2px;}
#featured-video .pane { float: none; width: 458px; background-color: transparent; border: 0px; margin-bottom: 4px; }
#featured-video .pane .page { width: auto; height: 96px; }


.video-browse { cursor: pointer; display: block; float: left; font-size: 14px; height: 20px; width: 20px; text-align: center; line-height: 20px;  position: absolute; top: 20px; }
.video-browse:hover { font-size: 14px; }
#video-prev { left: 8px; }
#video-next { right: 8px; }


/* ------------------------------------------------------------------ */