/* video-playlist */
.input_text {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: rgba(0, 0, 0, 0.75);
   /*  display: block; */
    font-family: inherit;
    font-size: 0.875rem;
    background-color: #DDDDDD;
    padding: 0.5rem;
	height: 1.5rem;
    width: 70%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
}

.playlist-highlight { }
.playlist-highlight div.container { float: left; width: 33.33%; text-align: left; overflow: hidden; }
.playlist-highlight div.playlist { margin-right: 10px;position: relative; text-align: center; }
.playlist-highlight div.playlist-video { width: 100%; height: 200px; }
.playlist-highlight div.playlist-video .thumb { width: 100%; height: 180px; border: 2px solid #576168; }
.playlist-highlight div.playlist-video .box-img {
	margin:5px 0; height:100%; background-repeat:no-repeat;
	background-size:100% auto; background:no-repeat center; background-size:cover; 
}

.playlist-highlight div.overlay {
  position: absolute;
  right: 0;
  top: 0;
  height: 200px;
  width: 33.75%;
  background: rgba(0,0,0,.8);
  color: #FFFFFF;
  opacity: 0.9;
}
.icon-playlist { background: no-repeat url(../../images/icon-playlist.png) -51px -303px;  width: 30px;height: 30px;}
.icon-playlist-2 { background: no-repeat url(../../images/icon-playlist.png) -51px -303px;  width: 30px;height: 30px;}
.video p { margin-bottom: 0rem;  font-size: 10px; }
.playlist a:hover.detail { font-size: 14px; color: red; text-align: left;   margin-top: 180px; }
.playlist-highlight div.video { float: left; width: 100%; overflow: hidden; font-size: 18px;   padding-top: 78px; }
.playlist-highlight div.comment { float: left; width: 50px; margin-left: 5px; text-align: right; overflow: hidden; font-size: 10px; }
.playlist-highlight div.like { float: left; width: 50px; margin-left: 5px; text-align: right; overflow: hidden; font-size: 10px; }
.playlist-highlight div.detail { font-size: 10px; color: #000000; text-align: left; margin-top: 7px; }
.playlist-highlight div.detail h3 { padding:3px; }
.playlist-highlight div.detail h3 a { font-size:16px; color: #000000; font-weight:normal; text-decoration:none; }
.playlist-highlight div.detail p { padding:0px 3px 3px 3px; }
.playlist-highlight div.detail p a { font-size:10px; color: #000000; font-weight:normal; text-decoration:none; }
.playlist-highlight div.detail p a:hover { color:#444; }


.playlist-listing { margin:0px; padding:5px; }
.playlist-listing ul { margin: 0px; list-style: none; }
.playlist-listing ul li { float: left; width: 25%; overflow: hidden; }
.playlist-listing ul li > div { margin: 0px 10px 20px 0px; }
.playlist-listing ul li:nth-of-type(4n) > div { margin: 0px 0px 20px 0px; }
.playlist-listing ul li > div div.playlist { position: relative; text-align: center; }
.playlist-listing ul li > div div.playlist-video { width: 100%; height: 120px; background-color: #333333; }
.playlist-listing ul li > div div.playlist-video .box-img { margin:5px 0px; height:150px; background-repeat:no-repeat; background-size:100% auto; background:no-repeat center; background-size:cover; }
.playlist-listing ul li > div div.overlay { 
	padding-top: 55px;
	position: absolute;
	right: 0;
	top: 0;
	height: 95px;
	width: 30%;
	background: rgba(0,0,0,.8);
	color: #FFFFFF;
	opacity: 0.6;
}
.playlist-listing ul li > div:hover div.overlay { opacity: 0.8; }
.playlist-listing ul li > div div.overlay p { margin-bottom: 0rem; font-size: 10px;}
.playlist-listing ul li > div div.video { float: left; width: 70px; overflow: hidden; font-size: 10px; }
.playlist-listing ul li > div div.comment { float: left; width: 40px; margin-left: 5px; text-align: right; overflow: hidden; font-size: 10px; }
.playlist-listing ul li > div div.like { float: left; width: 40px; margin-left: 5px; text-align: right; overflow: hidden; font-size: 10px; }
.playlist-listing ul li > div div.detail { font-size: 12px; margin-top: 30px; padding:2px; text-align:left; }
.playlist-listing ul li > div div.detail h3 { padding:5px; color: #000; }
.playlist-listing ul li > div div.detail h3 a { font-size:14px; color: #000; font-weight:normal; text-decoration:none; }
.playlist-listing ul li > div div.detail p { padding:0px 3px 3px 3px; color: #333; }
.playlist-listing ul li > div div.detail p a { font-size:12px; color: #333; font-weight:normal; text-decoration:none; }
.playlist-listing ul li:nth-of-type(4n+1) { clear:both; } 

.playlist-play { }
.playlist-play ul { list-style:none; margin:0px; padding:0px; }
.playlist-play ul li { margin:0px; padding:0px; border-bottom:1px solid #666; }
.playlist-play ul li div.container-left { float:left; width:30%; }
.playlist-play ul li div.container-right { float:left; width:70%; }
.playlist-play ul li div.container-right div { padding:4px; }
.playlist-play ul li div.container-left div.video { width:100%; height:70px; }
.playlist-play ul li div.container-left div.video img { width:100%; height:70px; }
.playlist-play ul li div.container-left div.overlay { width:30px; height:14px; overflow:hidden; margin-top:-18px; background:#333; color:#fff; font-size:10px; padding:2px; opacity:0.7; filter: alpha(opacity=70); }
.playlist-play ul li div.container-right a.title { font-size:14px; color: #222; text-decoration: none; }
.playlist-play ul li div.container-right a.title:hover { color:#111; }
.playlist-play ul li div.container-right a.owner { font-size:12px; color:#eee;  }
.playlist-play ul li div.container-right div.detail { font-size:10px; color:#999; }
.out-tab { opacity: 1.00; *filter: alpha(opacity=100); }
.over-tab { background-color: #ccc; }
.click-tab { background-color: #aaa; }
/* end video-playlist */

/* watch_play */
.video-play{float: left; /* width: 650px; */width: 70%; /*height: 550px;  overflow: hidden; */}
.video-play table{width: 100%; height: 380px; margin: 0px; padding: 0px; border: 0px;}
.video-play table tr td a{display: block;width: 100%;height: 430px;}
.video-playlist{float: left; /* width: 328px; */width: 30%; height: 520px;/*  margin-left: 10px; */ overflow-y: auto;}
.video-playlist-body{padding-left:5px;}

.divComments{width: 100%; border : 1px solid #555555;
    border: none;
    font-size: 1.15em;
    background: #aaa;
	    float: left;}
.divComments div.padding-area{padding:5px; float: left;width: 100%;}
.divComments div.padding-area div.comments-area {float: left;width:50%;}
.divComments div.padding-area div.comments-area form{width: 100%;}
.divComments div.padding-area div.comments-area form textarea{width: 100%;width: 100%;padding: 0px;border: 0px;}
.divComments div.padding-area div.embed-area{float: left; width: 49%; text-align: right;}
.divComments div.padding-area div.embed-area form{margin-top: 46px;width: 100%;}
.divComments div.padding-area div.embed-area form div.share_link{margin-bottom:5px;    width: 100%;}
.divComments div.padding-area div.embed-area form div.embedCode{margin-bottom:5px;    width: 100%;}

.postby_share_social{float: left; width: 60%;}
.postby_share_social div.postby_pic{float: left; width: 15%;}
.postby_share_social div.postby_pic a img{width: 100%;height: 70px;border: 2px solid #333333}
.postby_share_social div.postby_detail{float: left; width: 80%; overflow: hidden;font-size: 14px;    padding-left: 10px;
    color: #222;
    font-weight: bold;
    text-decoration: none;}
.video_Bookmark{float: left; width: 40%;}
.video_Bookmark div.Bookmark_box{float: right; /* border: 1px solid #333333;  */width: 100%; overflow: hidden;/* padding: 5px 0px 5px 0px; margin-bottom: 8px;  background-color: #5E5E5E; */    text-align: right;}
.video_Bookmark div.share-content-video{float:right;width: 34%;min-width: 106px;}
.video_Bookmark div.share-content-video-count-fb{width: 50%;float: right;}

.like_box{float: left; width: 60%; margin-top:5px;}
.like_box div{float: left; width: 20%;}
.like_box div#voteProcess{float: left; width: 80%;font-size: 12px; padding-top: 4px;}
.begin_playlist_stat{float: left; width: 40%; margin-top:5px;text-align: right}

.begin_comment{float: left;width: 100%;}


.same-playlist-listing { }
.same-playlist-listing ul { list-style:none; }
.same-playlist-listing ul li { padding:5px; }
.same-playlist-listing ul li:hover { background-color:#aaa; }
.same-playlist-listing ul li a { text-decoration:none; }
.same-playlist-listing ul li a div.video-thumb-list-detail{ float:left; width:65%; }
.same-playlist-listing ul li a div.video-thumb-list-detail h3 { margin-left:5px;}
.same-playlist-listing ul li a div.video-thumb { float:left; width:35%; position:relative; }
.same-playlist-listing ul li a div.video-thumb div.overlay-same-playlist{width:25px; position:absolute; top:0px; right:0px; background:#333333; color:#FFFFFF; font-size:10px; opacity:0.7; width: 30%; height: 100%;}
.same-playlist-listing ul li a div.video-thumb div.overlay-same-playlist div.video{padding-top: 30%;text-align:center;}
.same-playlist-listing ul li a div.video-thumb div.overlay-same-playlist div.icon-playlist{    margin-left: 16%;}
.same-playlist-listing ul li a div.video-thumb div.box-img { height:70px; background:#000 no-repeat center; background-size:cover; }
.same-playlist-listing ul li a div.video-detail { float:left; width:65%; }
.same-playlist-listing ul li a div.video-detail h3 { margin:0px 0px 0px 10px; font-size:14px; font-weight:normal; color:#000; }
.same-playlist-listing ul li a:hover div.video-detail h3 { color:#333; }
.same-playlist-listing ul li a div.video-detail h3 span { font-size:12px; color:#ccc; }

.playlist-search-result-all ul li {height: 120px;width:25%;float: left;display: inline-table;}
.playlist-search-result-all ul li div.body {padding: 2px;}
.playlist-search-result-all ul li div.body div.video-thumb { float:left; width:100%;position: relative;    height: 100%; }
.playlist-search-result-all ul li div.body div.video-thumb a div.box-img { height:120px; background:#000 no-repeat center; background-size:cover; }
.playlist-search-result-all ul li div.body div.video-thumb a div.overlay-same-playlist {width: 25px;position: absolute;top: 0px;right: 0px;background: #333333;color: #FFFFFF;font-size: 10px;opacity: 0.7;    width: 30%;height: 100%;}
.playlist-search-result-all ul li div.body div.video-thumb a div.overlay-same-playlist div.video{padding-top: 60%;text-align:center;}
.playlist-search-result-all ul li div.body div.video-thumb a div.overlay-same-playlist div.icon-playlist{margin-left: 29%;}
.playlist-search-result-all ul li div.body div.video-detail{width: 100%;float: left;}
/* .playlist-search-result-all ul li div.video-detail div {margin-left:10px;} */
.playlist-search-result-all ul li div.body div.video-detail div h3 {font-size: 16px;font-weight: normal;color: #000; float: left;}
.playlist-search-result-all ul li div.body div.video-detail div h3 span { font-size:12px; color:#ccc; }
.playlist-search-result-all ul li div.body div.video-detail div h3 span a{ font-size:12px; color:#ccc; }

.inform_view { }
.inform_view div.inform{ float:left; width:60%; }
.inform_view div.view{ float:left; width:40%; }

#btnLoadMore{cursor: pointer;}
/* End watch_play */