.double-video-inner{
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  padding: 13px 15px;
  width: 302px;
}
.double-video-inner .tip-title{
  margin-bottom: 3px
}
.double-video-inner p{
  color: #a6a6a6;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.double-video-inner p span{
  color: #7f7f7f;
  font-size: 16px;
  display: inline-block;
  margin-bottom: -3px
}
.double-video-inner .tip-title i{
  color: #7f7f7f;
  float: right;
  font-size: 16px;
}
.double-video-inner p span.checked{
  color: #00b050;
}
/**** toggle checkbox ****/
.double-video-inner label.input-toggle {
  line-height: 0;
  font-size: 0;
  display: inline-block;
  margin: 0 5px;
}
.double-video-inner label.input-toggle > span {
  display: inline-block;
  position: relative;
  background: #f2f2f2;
  border-radius: 32px;
  width: 42px;
  height: 14px;
  cursor: pointer;
  transition: background-position 0.2s ease-in;
  border: 1px solid #a6a6a6;
}
.double-video-inner label.input-toggle > input:checked + span { /*background: RED;*/ }
.double-video-inner label.input-toggle > span:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #00b050;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  top: 50%;
  left: -2px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 100%;
  -webkit-transition: left 0.2s ease-in, background-color 0.2s ease-in, -webkit-transform 0.3s ease;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, -webkit-transform 0.3s ease;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.double-video-inner label.input-toggle > input:checked + span:after {
  left: calc(100% - 16px);
  background-color: #00b050;
}

.double-video-inner label.input-toggle > span:active:after {
  -webkit-transform: translateY(-50%) scale3d(1.15, 0.85, 1);
  transform: translateY(-50%) scale3d(1.15, 0.85, 1);
}

.double-video-inner label.input-toggle > input:disabled + span:active:after {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.double-video-inner label.input-toggle > input:disabled + span { cursor: default; }

.double-video-inner label.input-toggle > input:disabled + span { background: #D5D5D5; }

.double-video-inner label.input-toggle > input:disabled + span:after { background: #BDBDBD; }

.double-video-inner label.input-toggle > input {
  display: block;
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/**** simple tooltip ****/
.un_Tooltip {
    position: absolute;
    z-index: 8000;
    background: transparent;
}
.un_Tooltip .un_Tooltip_Message {
    position: relative;
    padding: 5px;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    line-height: inherit;
    border-radius: 5px;
    *margin-right: 0;
}
.un_Tooltip .un_Tooltip_Arrow         { position: absolute; height: 5px; width: 10px; overflow: hidden }
.un_Tooltip .un_Tooltip_Arrow_Bottom  { bottom: 0 }
.un_Tooltip .un_Tooltip_Arrow_Top     { top: 0    }
.un_Tooltip .un_Tooltip_Arrow div {
    position: absolute;
    border-style: solid;
    border-width: 5px;
    height: 0;
    width: 0;
    left: 0;
}
.un_Tooltip .un_Tooltip_Arrow_Bottom div  {
    top: 0;
}
.un_Tooltip .un_Tooltip_Arrow_Top div     {
    bottom: 0;
}
.un_Tooltip .un_Tooltip_Close {
    text-decoration: none;
    color: #FFF;
    position: absolute;
    right: 8px;
    top: 1px;
    font-size: inherit;
    font-weight: bold;
}
.un_Tooltip .un_Tooltip_Close:hover {
    color: #C40000;
}

@media (max-width:360px) {
	.row .double-video-inner, .row div .double-video-inner {
	    width: 100%;
	}
	.double-video-inner label.input-toggle {
	    margin: 0 2px;
	}
	.double-video-inner p span {
	    font-size: 14px;
	}
}