@CHARSET "ISO-8859-1";

/* ----- START Customized CSS ------- */

/* Popup container - can be anything you want */
.popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
	user-select: none;
	border-bottom: 1px dotted #dddddd;
	color: #dddddd;
	font-size: 11px;
	line-height: normal;
	z-index: inherit;
}

/* The actual popup */
.popup .popuptext {
	visibility: hidden;
	width: 360px;
	background-color: #393939;
	color: #fff;
	border-radius: 6px;
	padding: 8px;
	position: absolute;
	z-index: 9999;
	bottom: 125%;
	left: 50%;
	margin-left: -30px;
	width: 210px;
}

/* Toggle this class - hide and show the popup */
.popup .show {
	visibility: visible;
}

#gallery-video_temp .ug-thumb-wrapper:nth-child(-n+2) .popuptext {
	top: 12px;
	z-index: 999999;
	height: 200px;
}

#gallery-video_temp .ug-thumbs-strip {
	overflow-y: scroll;
}

#gallery-video_temp .ug-thumb-wrapper {
	z-index: 1;
	position: static !important;
}

	/* ----- END Customized CSS ------- */
/* ----- Strip Panel ------- */

.ug-videoskin-right-thumb .ug-strip-panel{
	background-color:#232323;
}

/* ----- Thumb Wrapper ------- */

.ug-videoskin-right-thumb .ug-thumb-wrapper{
	background-color:#232323;
	border-bottom:1px solid #393939;
	width:420px;
	height:61px;
	cursor:pointer; 
    text-align:left;
}

.ug-videoskin-right-thumb .ug-thumb-wrapper:last-child{
	border-bottom:none;
}

/* - thumb selected and over - */

.ug-videoskin-right-thumb .ug-thumb-wrapper.ug-thumb-over{
	cursor:pointer;
	background-color:#1A1A1A;
}

.ug-videoskin-right-thumb .ug-thumb-wrapper.ug-thumb-selected{
	cursor:default;
	background-color:#525252;
}

/* ----- Thumb Inner data ------- */


.ug-videoskin-right-thumb .ug-thumb-icon{
	width:72px;
	height:40px;
	float:left;
	background-position:center center;
	background-size:cover;
}

.ug-videoskin-right-thumb .ug-thumb-selected .ug-thumb-icon{
	border:2px solid red;
	box-sizing: border-box;
}

.ug-videoskin-right-thumb .ug-thumb-right{
	float:left;
	padding-left:15px;
}


.ug-videoskin-right-thumb .ug-thumb-inner{
	padding-top:12px;
	padding-left:13px;
	padding-right:5px;
}

.ug-videoskin-right-thumb .ug-thumb-title{
	color:white;
	font-size:16px;
	overflow:hidden;
 	width:300px;
  	height:20px;
	line-height:normal;
}

.ug-videoskin-right-thumb .ug-thumb-desc{
	color:#999999;
	font-size:11px;
    width:300px;
}

/* ----- Under 960 ------- */
.ug-under-960.ug-videoskin-right-thumb .ug-thumb-wrapper
{
  width:320px;
}

.ug-under-960.ug-videoskin-right-thumb .ug-thumb-title {
    width: 206px;
    height:18px;
  	font-size:14px;
}
.ug-under-960.ug-videoskin-right-thumb .ug-thumb-desc
{
  width:max-content;
  padding-top:0px;
  line-height: 10px;
}


/* ----- Under 780 ------- */

.ug-under-780.ug-videoskin-right-thumb .ug-thumb-wrapper
{
  width:240px;
}

.ug-under-780.ug-videoskin-right-thumb .ug-thumb-icon
{
  width:40px;
}

.ug-under-780.ug-videoskin-right-thumb .ug-thumb-title {
    width: 167px;
    height:18px;
  	font-size:14px;
}

.ug-under-780.ug-videoskin-right-thumb .ug-thumb-desc
{
  width:max-content;
  padding-top:0px;
  line-height: 10px;
}


/* ----- Under 480 ------- */

.ug-under-480.ug-videoskin-right-thumb .ug-thumb-wrapper
{
  width:56px;
}

.ug-under-480.ug-videoskin-right-thumb .ug-thumb-title {
  display:none;
}

.ug-under-480.ug-videoskin-right-thumb .ug-thumb-desc
{
	width:max-content;
	padding-top:0px;
	line-height: 10px;
}

.ug-under-480.ug-videoskin-right-thumb .ug-thumb-inner {
    padding-left: 8px;
    padding-right: 5px;
    padding-top: 12px;
}
      
.ug-under-480.ug-videoskin-right-thumb .ug-thumb-icon
{
  width:40px;
}