@charset 'utf-8';

/* new */
@font-face{font-family:'IRANSans';src:url("../fonts/IRANSans-Medium-web.eot?5");src:url("../fonts/IRANSans-Medium-web.eot?5#iefix") format("embedded-opentype"),url("../fonts/IRANSans-Medium-web.woff2?5") format("woff2"),url("../fonts/IRANSans-Medium-web.woff?5") format("woff"),url("../fonts/IRANSans-Medium-web.ttf?5") format("ttf");font-weight:bold}

@font-face{font-family:'IRANSans';src:url("../fonts/IRANSans-web.eot?5");src:url("../fonts/IRANSans-web.eot?5#iefix") format("embedded-opentype"),url("../fonts/IRANSans-web.woff2?5") format("woff2"),url("../fonts/IRANSans-web.woff?5") format("woff"),url("../fonts/IRANSans-web.ttf?5") format("ttf");font-weight:normal}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, button, select, textarea {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family:IRANSans, Tahoma, Arial;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ul {
	list-style: none;
}
li {
	font-size:13px;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
input, textarea, select, a {outline:0px;}
textarea {resize:none; overflow:auto;}

aside, article, footer, header, nav, section {display:block;}

/* defaults end */
html, body {height:100%; direction:rtl}
body {}
body, a {font-size:12px; color:#544f4f;}
a:hover { color: #000}

.clearboth {width:100%; height:0px; line-height:0px; display:block; clear:both; overflow:hidden; font-size:0px;}


a {text-decoration:none;}
a:hover {text-decoration:none}

h3 {font-size:12px; line-height:14px; }
h1 {font-size: 1.8em; line-height: 30px}
h2 {font-size: 1.5em; line-height: 25px;}
/* ===================================================================== */

.radius, .dalert { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
.clear {clear:both}


#header {
	width:100%;
	height:60px;
	background-color:#ffffff;

	margin:auto;
	color:#eaeaea;

	-webkit-box-shadow:0 4px 12px rgba(0,0,0,.176);
-ms-box-shadow:0 4px 12px rgba(0,0,0,.176);
 box-shadow:0 4px 12px rgba(0,0,0,.176);
 display: inline-block;
 box-sizing: border-box;
 padding: 0 10px
}

.tsearch {display:inline; margin-right:10px; display: inline-block; width: 37%; float: right}
.tsearch input[type="text"] {width:90%; height:30px; color:#333; border-radius:5px;  background:#FFF; border:1px solid #cccccc;padding:0 7px 0 7px}

.tsearch button {display:inline-block; width:24px; height:24px; border:none; margin: 7px -32px 0 0; position:relative; cursor:pointer; background:#FFF; font-size:19px; color:#a5a5a5}
.tsearch button:hover {color:#6a6a6a; background: none}
.search_do {margin-top: -3px}

.menu_top { width:950px; margin:auto; display:block }
.menu_top .right_menu {float:left; text-align:left; width:75%; height:100%; margin-top:11px; box-sizing: border-box; position: relative}


/* .cat_menu_top:hover > .cat_menu { visibility:visible } **/
.cat_menu {   width:366px; height:300px; display:none; margin:0px 110px 0 0; position:absolute; z-index: 100000; left: 12%}
.cat_menu .cat_m_content { border:1px solid #cbcbcb; height:310px; background:#FFF; color:#999; margin-top:10px; display:block; padding:10px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4); border-radius:5px;}
.ul1 {float:right}
.ul2 {float:right; margin-right:5px; border-right:1px solid #e5e5e5; border-style:dotted; padding-right:4px}


.cat_m_content a {color:#FFF}
.cat_m_content li {width:100px; height:45px; line-height:30px; display:block; margin:3px 0; padding:0 4px; text-align:center;  border-bottom:1px solid #e5e5e5; border-style:dotted;}
.cat_m_content li:hover { color:#65019b  }
.cat_m_content li a { color:#666;  width:100px; height:30px; display:block}
.cat_m_content li .fa {display:block; font-size:17px; margin-top:7px}
.cat_m_content li:hover > a {color:#65019b;  }


.logo { background:url(../images/logo4.png) no-repeat; width:121px; height:65px; float:right; margin-top:4px; box-sizing: border-box }


/*
.icon { background:url(../images/images.png) no-repeat;}


.cat, .man, .reg {background-position:0 -64px; width:16px; height:16px; display:block; float:right; margin:8px 2px 0 5px }
.man {background-position:0 -81px;}
.reg {background-position:0 -98px;}

.arrow {background-position:0 -288px; width:16px; height:7px; display:block; margin:4px 15px 0 0; position:absolute}

.user {background-position:0 -116px; height:42px; width:42px; display:block; float:right; }
.dl {background-position:0 -205px; display:block; width:16px; height:16px; float:right; margin:12px 8px 0 4px}

.fb, .tt, .gp {height:16px; width:16px; display:block; margin:12px}
.fb {background-position:0 -222px;}
.gp {background-position:0 -239px;}
.tt {background-position:0 -257px;}


.like, .dislike {height:22px; width:22px; display:block; margin:10px 11px 0 0  }
.like {background-position:0 -160px;}
.dislike {background-position:0 -182px;}
*/
.eye {background-position:0 -273px; display:block; width:16px; height:16px; float:right; margin:12px 8px 0 4px}



#main {max-width:1280px; width: 100%;  padding:10px; margin:auto; margin-top:5px; display:block; box-sizing: border-box}
.menu_top {max-width:1280px; width: 100%; box-sizing: border-box}
.side_full { max-width: 1280px; box-sizing: border-box}



.side_left { width:30%; height:100%; float:left; /*border-right:1px solid #e8e8e8; padding-right:20px;*/ box-sizing: border-box}
.side_l_menu { height:30px; background:#fcfcfc; border:1px solid #c3c3c3; color:#717171; line-height:30px; padding-right:7px; font-weight:bold; font-size:13px}

.video_type1 li {width:100%;  display:block; padding:10px 0; clear: both  } /* border-bottom:1px solid #e5e5e5} */

.video_type1 li span {line-height:18px }
.video_type1 li .video_link {text-decoration:none; color:#999; width:100%; height:100%;}
.video_type1 li img {margin-left:4px; position: absolute; width: 100%; height: auto; max-height: 100%;}
.video_type1 li:hover {}
.video_type1 li h3, .video_type1 li h2, .video_type1 li a { max-height:50px; font-weight:bold; text-align:right; color:#333; width:auto; margin:0; font-size:12px; line-height:2; }
.video_type1 li:first-child {padding-top:0}
/* .video_type1 li:last-child{border-bottom:none} */
.video_type1 .duration{ bottom:7%; left:6%; background:#000;  opacity: 0.75; filter: alpha(opacity=75); color:#FFF;   position:absolute;  display:block; padding:2px 3px 1px 3px; border-radius:5px; font-size:11px;  }
.video_type1 .thum { float:right; width: 50%; position: relative; display: inline-block; margin-left: 10px   }
.video_type1 .user_link, .video_type1 .date {display: block; margin-top: 5px; font-size: 10px; }


/*
.side_left li .duration, .side_full li .duration {position:relative; line-height:15px; color:#FFF; top:60px; left:200px; display:inline;background:url(../images/images.png) repeat-x transparent; padding:5px; float:left; background-position:0 -296px}
*/


.side_main { float:right; display:block; margin:0; padding-left: 20px; width:70%; box-sizing: border-box}
.side_main h1 {font-family:Arial; }

.video_title, .video_des {width:100%; height:auto; margin:15px 0 10px 0; }
.video_title h1, .video_des h1 {color:#333; display: inline-block; font-size: 1.6em; font-family: IRANSans, Tahoma, Arial; font-weight:bold; width: 100%   }
.video_des p { margin:10px 0 0 0; font-size:14px; line-height:30px; color:#484848 }
.video_title .show_more_des {float:left; font-size: 24px; margin-top: 2px; margin-left: 5px }

	.video_view {font-size:15px; float:left; color:#333; display:inline-block; margin-bottom:10px; text-align:left}
	.video_view span {display:inline-block; margin-left:7px}
	.video_view .fa {font-size:17px;}


.click_box {box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); padding:7px; cursor:pointer}
.click_box:hover , .clicked_box, .clicked_bold {box-shadow: 0px 0px 5px 0px #390058; color:#65019b}
.clicked_bold { background: #65019b; color: #fff; box-shadow: 0px 0px 5px 1px #390058;}
.clicked_bold:hover {color: #fff !important;}

.video_info {width:100%; clear: both; display: table}

.video_info_left, .video_info_right {float:left;  }
.video_info_right { float:right }
.video_info_left a {color:#616060}
.video_info_left .d_btn { font-size: 13px; color:#616060; margin-left: 10px; padding: 0}


.social { float:left; }
.social a {font-size:26px; display: inline-block !important }
.social a:hover { background:#d4b7d2}
.social .fa { font-size:17px}

.video_dl {display: block; clear: both; width: 100%; text-align: left}
.video_dl a{ font-size:13px; margin-left: 10px }
.video_dl a:hover { color:#65019b}
.video_dl .fa {font-size:15px; }

.user_info {float:right; overflow:hidden; width:100%; display:block;    margin: 7px 0; padding: 15px 0; clear: both; border-bottom: 1px solid #e8e8e8;}
.user_info a {line-height:18px; margin:2px 2px 0 0; font-weight:bold; font-size:11px; display:block }
.user_info a:hover {color:#65019b}
.user_info .profile_img {margin-left:4px;}
.user_info .profile_img img { border: 1px solid #efefef}
.user_info .user__info {float:right}
.user_info .user__info .channel_title {font-size: 13px; font-weight: bold; margin: 7px 0}
.user_info .clicked_box {border: none; box-shadow:none}
.user_info .loder_img_gif { width: 20px; height: 20px}


.side_full {clear:both; width:100%;  display:table; margin:auto;  padding:10px 0; }
/*
.side_full li { float:right; display:block; margin-left:8px; width:180px; padding:4px 4px 7px 4px }
.side_full li:hover {background:#f0e0ee }
.side_full li h3 {overflow:hidden; max-height:45px; font-weight:bold; text-align:right; color:#333; width:180px; margin:5px 0 3px 0; display:block }
.side_full li img { margin-top:-25px}
.side_full li .duration {top:85px; left:7px }
*/

.menu_content { clear:both}
.menu_content h2 , .menu_content .m_c_tt {border-bottom:2px solid #e5e5e5; margin-bottom:7px;     font-size: 1.5em; color: #212121}
.menu_content .title {border-bottom:2px solid #65019b; margin-bottom:-2px; line-height:35px; display:inline-block;}
.menu_content .title a{ font-size:18px; color: #212121}
.menu_content .more {margin-bottom:-2px; line-height:35px; text-align:left; direction:ltr; float:left}
.menu_content .more a { font-size:14px; color:#65019b}

.tag_video { margin-top: 10px; display:table; clear: both; width: 100%; padding-bottom: 15px; line-height: 25px}
.tag_video a{ display: inline-block; margin-left: 10px}
.tag_video a:hover { color:#65019b; }
.tag_video strong {font-weight:normal; font-size:12px}
.tag_video .fa {font-size: 11px}
.tag_video .cat_tag strong {font-size: 13px}
.tag_video .cat_tag .fa {font-size: 12px}
#footer {
	width:100%;
	background:#f2f2f2;
	border-top:1px solid #e7e6e6;
	margin-top:30px;
	clear:both;
	display:block;

}


.footer_sec_foot {padding: 30px; display:block; line-height: 32px; font-size: 12px; margin: auto; text-align: center}
.footer_sec_foot a {margin-left: 20px}

/* new version */

/* global */

::-webkit-input-placeholder {direction:rtl; text-align:right;font-family:IRANSans}
:-moz-placeholder {direction:rtl; text-align:right;font-family:IRANSans}
::-moz-placeholder {direction:rtl; text-align:right;font-family:IRANSans}
:-ms-input-placeholder {direction:rtl; text-align:right;font-family:IRANSans}
placeholder {direction:rtl; text-align:right;font-family:IRANSans}

input[type="text"], input[type="password"], select, textarea {border:1px solid #cbcbcb; width:100%; height:25px; border-radius:5px; padding:5px;}
input[type="checkbox"] {width:15px; height:15px; vertical-align:bottom}
input[type="submit"], button {border:1px solid #cbcbcb; width:30%; height:35px; border-radius:5px; text-align:center; background:#65019b; color:#FFF; line-height:15px; cursor:pointer; border-bottom:3px solid #380062}
input[type="submit"]:hover , button:hover { background:#8805cf}

.en_input {direction:ltr; text-align:left; font-family:Tahoma}
.ferror { font-size:11px; color:red; float:right; text-align:right; margin-top:4px; display:block; clear:both; width:100%; line-height: 20px}

.padding_div {width:70%; margin:auto; display:table}

.dalert {width:100%; box-sizing:border-box; border:1px; padding:15px; text-align:right; font-size:14px; line-height: 25px;}
.a-danger { border-color: #ebccd1; background:#f2dede; color:#b84442}
.a-warning { border-color: #faebcc; background:#fcf8e3; color:#8a6d3b}
.a-info { border-color: #bce8f1; background:#d9edf7; color:#31708f}
.a-success { border-color: #d6e9c6; background:#dff0d8; color:#3c763d}

.loader {}
.loader img { display:block; margin-bottom:10px;}

.a1, .bt_menu_top .a1 { color:#1B6A9B }
.a1:hover, .bt_menu_top .a1:hover {color:#E52436 }

.loder_img_gif {display: block; margin: auto}
/* top nav menu */

.bt_menu_top {border-radius:5px;  display:inline-block; text-align:center; height:25px; margin-left:30px; position:relative; background:linear-gradient(#ffffff, #e2e2e2); background:#FFF; vertical-align:top; padding:5px 10px; cursor:pointer }
.bt_menu_top:hover , .bt_menu_top a:hover {color:#65019b}
/* .bt_menu_top:hover > a {  color:#65019b} */
.bt_menu_top , .bt_menu_top a {color:#2c2c2c;}
.bt_menu_top .a1 { color:#1B6A9B }

.bt_menu_top .fa-user-circle  {font-size:35px; margin-top: -5px}
.bt_menu_top .fa-bell-o{font-size:23px;position:absolute; }
.bt_menu_top .fa-upload {font-size:23px; }
.bt_menu_top .ico_txt{display:inline-block; position:absolute;}
.bt_menu_top .fa-bars  {font-size:23px; }

.bt_menu_top .title     {padding:7px 25px 0 0; display:inline-block}
.bt_menu_top .cat_title {padding:7px 19px 0 0; display:inline-block}

.bt_menu_top .notice{padding:7px 19px 0 0; display:inline-block}
.bt_menu_top .notice_num {border-radius:7px;position:absolute; top:26px; left:-1px; background:#b60101; color:#FFF; padding:0px 3px; line-height:14px; font-size:10px}

/* dash global */

.tab_box {width:100%; box-sizing:border-box; float:right;}
.tab_box .head {border-bottom:1px solid #CCC;}
.tab_box .tab {font-size:15px; display:inline-block; color:#626262;border:1px solid #CCC; border-bottom:0; border-radius:5px 5px 0 0; margin-left:2px; margin-right:14px;  cursor:pointer}
.tab_box .tab a, .tab_box .tab .clicktab {padding:11px 10px 6px 10px; display: block}
.tab_box .curent {border-top:3px solid #65019b; border-bottom:1px solid #fff; margin-bottom:-1px;}
.tab_box .tab_content {display:table; box-sizing:border-box; width:100%; padding:30px 10px 10px 10px; border:1px solid #CCC; border-top:0; border-radius:0 0 5px 5px; display:none}
.tab_box .defult { display:table}
.tab_box a {font-size:14px }
.tab_box .curent {font-size:15px }

.dashboard_menu {display:inline-block; width:20%; border-left:1px solid #cccccc; box-sizing: border-box; float:right; padding:20px 0 0 0;}
.dashboard_menu i, .dashboard_menu span {margin-right:7px}
.dashboard_menu span {font-size:14px}
.dashboard_menu a , .dash_m_content a {padding:19px 0 9px 0; display:inline-block; width:100%; height:25px;font-size:17px; color:#626262; border-bottom:1px solid #cccccc;}
.dashboard_menu a:hover, .dashboard_menu .curent , .dash_m_content a:hover { background:#65019b; color:#FFF }



.dashboard_main {width:80%; display:inline-block;  border-right:1px solid #cccccc; box-sizing: border-box; float:right; margin-right:-1px; padding:20px 20px 0 0}

.dash_info, .channel_info {height:90px; width:100%; border:1px solid #CCC; border-radius:5px; box-sizing:border-box; display:block; padding:10px}
.dash_info .seting {display:block; float:right; margin:1px 5px 0 10px;}
.dash_info .seting .ch_name {font-size:14px; color:#626262; font-weight:bold}
.dash_info .seting a {font-size:12px; color:#626262; margin-top:5px; display:block; margin-top:5px}
.dash_info a:hover {color:#E52436}
.dash_info .stat ,       .channel_info .stat {float:left; display:inline-block; width:100px; text-align:center;  color:#626262;}
.dash_info .stat span,   .channel_info span {font-size:14px; display:block; margin-top:10px}
.dash_info .stat strong, .channel_info strong {font-size:35px; display:block; font-weight:normal}
.dash_info .liner ,      .channel_info .liner {width:1px; height:60px; display:block; float:left; background:#dddbdb; border-left:1px solid #ededed; margin:0 14px}
.channel_info .liner {margin: 0; }

.channel_info {padding:15px 5px 5px 5px}
.channel_info .stat { width:32%; }
.channel_info b { font-size:27px }
.site_ext_link {float: left; margin: 10px 0; display: block; direction: ltr; }
.site_ext_link a {font-size: 14px; font-family: Arial;  color: #085680; }
.site_ext_link .fa-external-link {font-size: 14px !important; vertical-align: middle;}

.profile {width:60px; height:60px; background:#8775a7; color:#efefef; font-size:50px; border-radius:50px; text-align:center; padding:7px 4px 0 4px; display:inline-block; float:right}



.dash_full {width:100%; display:table; margin-top:20px; clear:both}

.dash_box {width:100%; box-sizing:border-box; float:right;  border:1px solid #CCC; border-radius:5px;}
.dash_box .box_title {border-bottom:1px solid #CCC;  display:block; width:100%; height:30px; }
.dash_box .box_title span {font-size:15px; display:block;padding:7px 10px 2px 0;color:#626262;}
.dash_box .box_content {padding:10px}


.dash_my_video {width:59%}
/*.dash_my_video .dash_video img {height:90px ; max-height:90px;  position: inherit}*/
/*.dash_my_video_fix .dash_video img {position: inherit}*/

.dash_my_comment {width:39%; }

.dash_comment { padding:8px 0; display:table; width:100%; }
.dash_comment .detail {float:left; display:inline-block; vertical-align:top; width:90%}
.dash_comment .comment{font-size:12px; color:#626262;display:inline-block; line-height:20px;    }
.dash_comment .act {float:left; display:block; font-size:15px}
.dash_comment .date, .video_comment .date  {font-size:11px; display:block; margin-bottom:5px}
.dash_comment .from{float:right; padding-left:3px; width:25px; box-sizing:border-box;}
.dash_comment .profile { width:20px; height:20px; font-size:17px; border-radius:1px; padding:5px 2px 1px 2px; }
.dash_comment .action { margin:20px 0 10px 0}
.dash_comment .action .click_box { padding:2px 5px; margin-left:7px}
.dash_comment .detail_pending {background:#dbdcd3; padding:5px}
.dash_my_comment .dash_comment .comment {line-height:16px; max-height:50px; overflow:hidden; font-size:11px;}


.dash_video {width:100%; box-sizing:border-box; padding:5px; display: inline-block; vertical-align: top;   }
.dash_video:hover {box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); border-radius: 5px }
.dash_video:hover > .more {visibility:visible}
.dash_video img {width:100%; display:block;   height: 100%; position: absolute; max-height: 100%;}
.dash_video .vid { padding:5px 0px 2px 0px}
.dash_video .title {font-size:11px; color:#626262; display:block;  }
.dash_video .info {font-size:12px; margin-top:7px; color:#626262; direction:ltr; width:100%}
.dash_video .right {float:right; font-size:10px; direction:rtl}
.dash_video .left {float:left}
.dash_video .thum, .video_type1 .thum  {display:block; position:relative;   }
.dash_video .duration { bottom:5%; left:4%; background:#000;  opacity: 0.75; filter: alpha(opacity=75); color:#FFF;   position:absolute;  display:block; padding:5px 4px 3px 4px; border-radius:5px; font-size:12px;  }
.dash_video .heigher, .video_type1 .heigher , .video_type_playlist .heigher , .single_video_list .heigher {padding:0; padding-bottom: 59%; position: relative; display:block;}

.dash_play_list .list_count {right:0; top:0; height: 100%; width: 35%; background:  rgba(0,0,0,.6); position: absolute; display: block;}
.dash_play_list .list_count_over {margin:auto;  color:#fff; text-align: center; display: block; line-height: 100%; height: 100%; font-size: 20px; margin-top: 40%}
.dash_play_list .list_count_over i {font-size:28px;  margin: 10px 0; display: block }
.dash_play_list .list_count_over .txt {font-size:9px}


.dash_video .loder_img_gif { width:40px; height:40px !important; margin:auto; margin-top:20px }


.dash_video .vid h2, .dash_video .vid h3 , .dash_video .a_video_t {margin-top:4px; line-height:2; }
.dash_video .vid h2 a, .dash_video .vid h3 a , .dash_video .a_video_t , .dash_play_list .list_title {
    color:#4a4a4a; font-weight:bold; font-size:11px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 44px;
}
/* .dash_video .vid h2 a, .dash_video .vid h3 a , .dash_video .a_video_t { color:#4a4a4a; font-weight:bold; font-size:11px; display: block; max-height: 44px; overflow: hidden; text-overflow: ellipsis; position: relative; box-sizing: border-box}
.dash_video .vid h2 a:before, .dash_video .vid h3 a:before , .dash_video .a_video_t:before {content: "..."; position: absolute; z-index: 1; bottom: 0; left: 0; background: #fff; padding-right: 2px}
.dash_video .vid h2 a:after, .dash_video .vid h3 a:after , .dash_video .a_video_t:after {content: "";    z-index: 2;position: absolute; width: 100%; height: 100%; background: #fff } */


.video_s1 { width:32.5%; margin-top:7px;}
.video_s2 { width:19.5%; margin-top:7px;}
.video_s3 { width:24.5%; margin-top:7px;}

.video_s1:nth-of-type(3n+1) { clear:both}
.video_s2:nth-of-type(5n+1) { clear:both}
.video_s3:nth-of-type(4n+1) { clear:both}

.dash_video .more {width:100%; position:relative;visibility:hidden}
.dash_video .more .opacity{width:100%;height:90px;  background:#333; opacity: 0.6; filter: alpha(opacity=50); position:absolute;}
.dash_video .more .act {margin:10% 10% 0 0 ;position:absolute; width:100%;}
.dash_video .more .act a {color:#fff; display:block; margin:8px 0}
.dash_video .more .act a:hover {color:#d4b7d2}
.dash_video .more .date {color:#fff; display:block; margin:8px 0; font-size:10px; float:left; margin-left:15%}
.dash_video .more .fa {font-size:14px}
.dash_video .more span{font-size:11px;}




.video_full {width:100%; clear:both; margin:17px 0; display:table;}
.video_full .user {width:9%; float:right; box-sizing: border-box}
.video_full .space {display:inline-block; width:2%; height:1px; float:right;}
.video_full .img {width:26%; box-sizing:border-box; float:right}
.video_full .img img { width:100%; display:block}
.video_full .detail {width:60%; float:right; box-sizing:border-box; }
.video_full .date {font-size:13px; display:block; margin-top:12px}
.video_full h2 {color:#333;}
.video_full p {line-height:24px; margin-top:7px; font-size:12px; max-height:95px; overflow:hidden}



/* login register */

.login {width:50%; float:right; box-sizing:border-box; border-left:1px solid #CCC; text-align:center}
.login h2 {font-weight:bold; margin-bottom:50px}
.login label {display:block; clear:both; position:relative;}
.login .input {display:inline-block; padding-right:37px}
.login .imgcode { width:154px; height:37px; display:inline-block; vertical-align:bottom}
.login .code { padding:5px; width:50%; float: right; margin-bottom: 20px}

.login .fa{display:inline-block; margin-left:-36px; font-size:23px; color:#a9a9a9; position:absolute; top:7px; right:7px}
.login .forget {text-align:right; width:100%; float:right; margin-top:30px}
.login .label_title {font-size:15px; float:right; display:block; margin:17px 0 6px 0}

.register {float:left; border-left:none}
.register .username {padding-right:37px; width:100%; box-sizing: border-box; height: 38px;  }
.register .dalfakurl {display:inline-block;  text-align:right; float: right; margin:10px 0 0 0; max-width: 50%; width: 50%}
.register .dalfakurl span {display:inline-block;  direction:ltr;color:#7e7e7e; font-size:18px;}
.register .policy { text-align:right; display:block}
.register .policy a {color:#09C; font-weight: bold; }
.register button {width:55%; }

.forget {border: none !important; width: 100% !important; text-align: right !important; margin-bottom: 50px}
.forget .input {width:250px;}
.forget .code {width: 110px !important;}
/* seting */

.seting {margin-top:-15px;}
.seting .dash_full {margin-top:0}
.seting label,  .video_u_d label, .video_u_d .div_label {font-weight:bold; display:block; margin-top:30px}
.seting input[type="text"], .seting textarea, .video_u_d input[type="text"],.up_area_box input[type="text"], .video_u_d textarea, .video_u_d select {width:90%;  display:block; margin-top:7px; font-size:12px}
.seting textarea {height:70px }
.seting .ferror {margin-bottom:10px }
#t_pw_c input[type="password"] {width:50%;  display:block; margin-top:7px}
.save_channel_img {width:45%}
.save_channel_info {width:55%; border:none}


/*  video upload */
.upload__box {width:75%; display: inline-block; float: right}
.upload_sec {opacity: 0;font-size: 1000px;position: absolute;right: 0;top: 0;z-index: 1;padding: 0;margin: 0;cursor: pointer;filter: alpha(opacity=0);font-family: arial;height:450px;width:100%;overflow:hidden;}
.video_u_box, .up_area_box {display:inline-block; width: 100%; border:2px solid #cccccc; border-radius:5px; box-sizing: border-box; text-align:center; border-style:dotted; height:450px; cursor:pointer; color:#626262; cursor:pointer}
.up_area_box {cursor: default; box-sizing: border-box; padding: 40px;}
.youtube_up, .site_up {text-align: right}
.up_area_box .up_area_box_error {margin-bottom:15px}

.h_border_title {color: #212121; font-size: 20px; display: block; height: auto; border-right: 4px solid #65019b; padding: 2px 7px; box-sizing: border-box;}

.video_u_box:hover > .local_up span {color:#65019b}
.video_u_box:hover  { border-color:#65019b; color:#65019b}
.upload_sec.over > .video_u_box { border-color:#65019b; color:#65019b}


.video_u_d {display: none; width: 100%; border: 1px solid rgb(204, 204, 204); border-radius: 5px; box-sizing: border-box; color: rgb(98, 98, 98); border:0;}
.video_u_d li {line-height:20px; font-size:11px; width:100% }
.video_u_d li .fa {font-size:11px; }
.video_u_d .input_sec{padding:20px; box-sizing:border-box; width:65%; float:right}
.video_u_d .ferror {margin-bottom:10px }
.video_u_d .dalert {margin-top:7px }
.video_u_d .up__status {width:100%; min-height:150px; display:block;}
.video_u_d .up_left {padding:20px; box-sizing:border-box; width:35%; float:left}


@-webkit-keyframes progress-bar-stripes {from {background-position: 40px 0;}to {background-position: 0 0;}}
@keyframes progress-bar-stripes {from {background-position: 40px 0;}to {/* background-position: 0 0; */}}

.progress-box {width:90%; height:23px; border:1px solid #CCC; display:block; padding:2px;}
.progress-bar {background-color: #65019b; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
background-size: 40px 40px;
width:0%; height:100%; display:block; color:#FFF; text-align:left; position:relative }
.progress-bar span { position:absolute; top:20%; left:5px;  font-size:15px; }


	.thumbnail { cursor:pointer; border:1px solid #CCC; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); margin:11px 0; position:relative; display: inline-block}
	.thumbnail img {max-width:300px; width:300px }
	.thumbnail_selected, .thumbnail:hover { border:1px solid #060}
	.thumbnail .fa {bottom:2px; right:5px;  position:absolute; font-size:35px; color:#060}

	.video_up_com .thumm {float:right; padding:2px; border:1px solid #CCC; position:relative; max-width:300px; width:300px}
	.video_up_com .thumm img {max-width:300px; width:300px }
	.video_up_com .thumm .fa {bottom:5px; right:5px;  position:absolute; font-size:45px; color:#333; text-shadow: 0 0 15px #fff;}
	.video_up_com .info {float:right; margin-right:15px; font-size:17px; color:#333}
	.video_up_com .info a {font-size:15px; color:#09F; font-family:Arial; }

.local_up {width:100%; height:100%; display:block; padding:100px; box-sizing:border-box; cursor:pointer}
.local_up span{font-size:17px; margin-top:15px; display:block; color:#333}

/* site */


.channel_cover {height:170px; padding-top:15px; display:block; /*background:url('../images/ch_bg4.png') repeat;
-webkit-box-shadow:0 4px 12px rgba(0,0,0,.176);
-ms-box-shadow:0 4px 12px rgba(0,0,0,.176);
 box-shadow:0 4px 12px rgba(0,0,0,.176);
 */
background: #f5f5f5;
 display:table; width:100%}
.channel_cover .loder_img_gif {height: 20px; width:20px}

.channel_top {max-width:1280px; width: 100%;  margin:auto}
.channel_top .right {float:right}
.channel_top .channel_logo {display:block; float:right; width: 155px; height: 155px;}
.channel_top .channel_title {margin:5px 16px 0 0; color:#333; /*width:650px;*/     }
.channel_top .followbtn {font-size:14px; margin-top:20px; display:inline-block; padding: 10px 10px}

.channel_top .external_box {float: left; display: inline-block; margin-top: 10px; text-align: left;}
.channel_top  .external_box .fa {font-size:30px;}
.channel_top  .fa-rss-square { color:#f86b01}
.fa-send, .fa-paper-plane {color:#30a2de;  }
.fa-instagram {color:#c537a1 }
.fa-facebook-square {color:#085680 }
.fa-twitter-square {color:#1da0f2 }
.fa-whatsapp {color: #43d854}
.fa-linkedin-square {color: #0077b5}
.fa-google-plus-square {color: #ca3333}
.fa-envelope {color:#ffb400;}


.channel_content {padding: 10px 0 !important;}
.channel_content .menu_label {width: 100%; margin: 30px 0 10px 0; display: table}
.channel_content .menu_label h2 {border-right: 4px solid #65019b;padding-right: 5px;font-size: 17px; float: right; display: inline-block;}
.channel_content .more_btn {margin: 20px auto; display: block; width: 150px; line-height: 20px; text-align: center}
.channel_content .more_btn .fa {vertical-align: middle}
.channel_content .load_more_content {margin: 15px auto; display: block; width: 100%; text-align: center}

.channel_cover .channel__info, .channel_cover .channel_title { margin-right: 16px; display: block; width: calc(100% - 171px); float:right; }
.channel_cover .channel_info {width: 50%; border: none; display: inline-block; float: right; padding: 0; margin-top: 10px}
.channel_cover .channel_info .stat {width: auto; float: none; margin-left: 50px; }
.channel_cover .channel_info .stat b {font-size: 22px}
.channel_cover .channel_info .stat span {font-size: 11px; display: inline-block;}
.channel_cover .channel_top .channel_title h1 {display: inline-block; margin-left: 25px}

.pchannel_video_list {display:table; width: 100%}

.playlist_cover { width: 100%; display: table; background: #f5f5f5; box-sizing: border-box  }
.playlist_bg {width:100%; height: 200px; background-repeat: no-repeat; background-position: center center;
	-webkit-background-size: cover;
	background-size: cover; position: relative; z-index: 10}
.platlist_cover .loder_img_gif {height: 20px; width:20px}

.playlist_top {width:100%; max-width: 1280px; margin: auto;  display: table; padding: 15px 0; box-sizing: border-box; text-align: center  }
.playlist_top .playlist_logo { display: block; position:relative; box-sizing: border-box; width: 180px; height: 180px; border-radius: 50%; margin: auto; margin-bottom: 12px;}
.playlist_top .playlist_logo_play {display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);    /* background: #000;     opacity: 0.5; filter: alpha(opacity=50);*/ border-radius: 50%;color: #fff; font-size: 20px; text-align: center; padding-top: 20%; box-sizing: border-box}
.playlist_top .play_icon {width: 58px; height: 58px; border-radius: 50%; display: block; background-color: rgba(101, 1, 155, 0.8); margin: auto;    border: 4px solid #fff; margin-bottom: 7px }
.playlist_top .play_icon i {font-size: 30px;  line-height: 58px;padding-left: 5px}
.playlist_top .count_video {font-size: 12px; margin-top: 10px}
.playlist_top .count_video b {font-size: 15px; }
.playlist_top .playlist_logo img {max-width: 100%;width: 100%;max-height: 100%;height: 100%; border-radius: 50%}
.playlist_top .playlist_title {display:block;  color:#333;  padding-right: 10px; ; box-sizing: border-box; text-align: center }
.playlist_top .playlist_title h1 {margin-bottom: 10px}
.playlist_top .playlist_title .border {border-top:1px solid #eeeeee; width: 100%; height: 14px; margin-top: 14px; display: block}
.playlist_top .playlist_title .userinfo {display: table; margin: auto}
.playlist_top .playlist_title .profile_img {display: inline-block; float: right}
.playlist_top .playlist_title .user_title {display: inline-block; line-height: 40px; float: right; margin-right: 7px; font-weight: bold; font-size: 12px}
.playlist_top .playlist_title strong {line-height: 30px;}
.playlist_top .edit_action {display: block; margin-top: 15px}
.playlist_top .input { width: 250px}
.playlist_top .editable {outline:none}
.playlist_top .editable_active { border: 1px solid #cbcbcb; padding: 5px;  border-radius: 5px; width: 100%; max-width: 450px; margin: 0 auto; background: #fff; box-sizing: border-box; word-wrap: break-word}
.playlist_top .editable_active_textarea { height: 150px;}
.playlist_top .list_des {line-height: 30px}

.video_type_playlist li {width:100%; border-bottom: 1px solid #eeeeee; display: table; padding: 15px 0 ; position: relative}
.video_type_playlist li span {line-height:18px; }
.video_type_playlist li .video_link {text-decoration:none; color:#999; width:100%; height:100%;}
.video_type_playlist li .thum_img {margin-left:4px; position: absolute; width: 100%; height: auto; max-height: 100%;}
.video_type_playlist li:hover {background: #f5f5f5}
.video_type_playlist li h3, .video_type_playlist li h2 {font-weight:bold; text-align:right; color:#333; width:auto; margin:0; font-size:12px; line-height:2; }
.video_type_playlist .duration{ bottom:7%; left:6%; background:#000;  opacity: 0.75; filter: alpha(opacity=75); color:#FFF;   position:absolute;  display:block; padding:2px 3px 1px 3px; border-radius:5px; font-size:11px;  }
.video_type_playlist .thum { float:right; width: 20%; position: relative; display: inline-block; margin-left: 10px   }
.video_type_playlist .user_link, .video_type_playlist .date {display: block; margin-top: 5px; font-size: 10px; }
.video_type_playlist .click_box , .playlist_top .click_box{line-height: 14px; font-size: 11px; display: inline-block}
.video_type_playlist .click_box .fa , .playlist_top .click_box .fa {font-size: 15px; vertical-align: bottom}
.video_type_playlist .info {margin: 15px 0; font-size: 12px}
.video_type_playlist .list_action {display: block; float: right; position: absolute; bottom: 25px; left: 15px;}
.video_type_playlist .loder_img_gif , .playlist_top .loder_img_gif {width: 17px; height: 17px; vertical-align: middle; margin: 0 15px}




.single_playlist {width: 30%; box-sizing: border-box; float: left;  display: block; color: #fff }
.single_playlist .loder_img_gif {width: 32px; height: 32px; margin: auto; display: block}

.single_playlist .header {display: block; padding: 15px 10px 10px 10px; background: #252222;}
.single_playlist .header .title {display: block; width: 100%; max-width: 100%; height: 20px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.single_playlist .header .title i{font-size: 17px; vertical-align: middle}
.single_playlist .header .title strong {font-size: 13px;  }
.single_playlist .header .title a {color: #fff}
.single_playlist .header .list_info {margin-top: 7px; font-size: 12px; height: 27px; max-width: 100%; width: 100%; font-size: 11px}
.single_playlist .header .list_info .list_info_act {float: left; line-height: 27px}
.single_playlist .header .list_info .list_info_act i {font-size: 24px; vertical-align: middle; margin-right: 10px}
.single_playlist .header .list_info .profile_img {display: inline-block; margin-left: 5px;}
.single_playlist .header .list_info a {color: #fff; font-size: 11px; float: right; line-height: 27px}
.single_playlist .header .list_info img { vertical-align: middle}
.single_playlist .header .title .right, .single_playlist .header .list_info{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.single_playlist .container {display: block; background: #3a3a3a; padding: 10px; height: 400px; overflow-x:auto}
.single_playlist .controller {padding: 0 10px; display: table; box-sizing: border-box; background: #252222; width: 100%}
.single_playlist .controller .action {width: 33.3%; float: right; display: inline-block; text-align: center; }
.single_playlist .controller .action .fa , .single_playlist .controller .action .info {color: #fff; vertical-align: middle; font-size: 21px; line-height: 42px}
.single_playlist .controller .action .info { font-size: 15px; direction: ltr}
.single_playlist .controller .action .fa-play {font-size: 30px}
.single_playlist .controller .disable .fa {color:#8c8c8c}
.single_playlist_hr {width: 100%; height: 1px; display: none; border-top: 1px solid #000; background: #444; margin: 0; padding: 0;}

.scrollbar {}
.container::-webkit-scrollbar , .scrollbar::-webkit-scrollbar {width: 12px;}
.container::-webkit-scrollbar-track , .scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.container::-webkit-scrollbar-thumb , .scrollbar::-webkit-scrollbar-thumb {  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */ border-radius: 5px;     background: rgba(0,0,0,0.4); }


.single_video_list li {width:100%; border-bottom: 1px solid #616161; display: table; padding: 10px 0 ;}
.single_video_list li span {line-height:18px; }
.single_video_list li .video_link {text-decoration:none; color:#999; width:100%; height:100%;}
.single_video_list li .thum_img {margin-left:4px; position: absolute; width: 100%; height: auto; max-height: 100%;}
.single_video_list li:hover {background: #616161}
.single_video_list .now_play {background: #757575}
.single_video_list li h3, .single_video_list li h2  {font-weight:bold; text-align:right; color:#fff; width:auto; margin:0; font-size:11px; line-height:2; font-weight: normal }
.single_video_list .duration{ bottom:7%; left:6%; background:#000;  opacity: 0.75; filter: alpha(opacity=75); color:#FFF;   position:absolute;  display:block; padding:2px 3px 1px 3px; border-radius:5px; font-size:11px;  }
.single_video_list .thum { float:right; width: 40%; position: relative; display: inline-block; margin-left: 10px   }
.single_video_list .user_link, .single_video_list .date {display: block; margin-top: 5px; font-size: 10px; }
.single_video_list .info {margin: 15px 0; font-size: 12px}
.single_video_list .list_action {display: block; float: right; position: absolute; bottom: 25px; left: 15px;}
.single_video_list .loder_img_gif , .playlist_top .loder_img_gif {width: 17px; height: 17px; vertical-align: middle; margin: 0 15px}
.single_video_list .pos {float: right; color: #fff;     padding: 9.5% 0 0 3px; font-size: 11px;}


.video_comment { display:block;  padding:20px 0 10px 0;}
.video_comment .add_comment { display:table; width:100%; height:auto; margin-bottom: 30px}
.video_comment .dalert {width:80% !important; float:left !important}
.video_comment .add_comment textarea { display:inline-block; float:left; width:90%}
.video_comment .add_comment input[type="submit"] { width:60px; margin-top:7px; float:left; height:27px; clear: both; }
.video_comment .add_comment .profile_img, .user_info .profile_img, .dash_info .profile_img, .dash_comment .profile_img{ display:inline-block; float:right;}
.video_comment .show_comment {border-bottom:1px solid #e1e1e1; display: table; width: 100%; padding: 10px 0}
.video_comment .show_comment .profile_img {float: right; display: inline-block; margin: 0 0 10px 20px; box-sizing: border-box}
.video_comment .comment_text {display: inline-block; float: right; line-height: 23px; box-sizing: border-box; width: calc(100% - 50px) }

.video_comment .loder_img_gif {width: 30px; height: 30px; margin-right: 30px}


.dash_my_comment .profile_img {margin-right:-7px}

.event_box {position:fixed;  right:10px; bottom:15px;}
.event {display:block;   min-width:150px; border:1px;  padding:15px; font-size:13px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; margin-top:5px; line-height: 25px }
.event .fa { font-size:18px;     margin-left: 10px; }

.embed_code {width: 100%; display: table;  /* box-shadow: inset 0px 0px 46px 0px rgba(0,0,0,0.2); */ box-sizing: border-box; }
.embed_code input[type="text"] { width: 95%}
.embed_code select { width: 90px; height: 35px;}
.embed_code option {text-align: right; }
.embed_code label { display: block; margin: 10px}
.embed_code h3 {font-size: 14px; color: #085680; display:inline-block; margin-bottom: 15px}
.custim_size {display: inline-block; margin-right: 10px; }
.custim_size input[type="text"] { width: 40px; margin-left: 10px}

.d_btn { background: none; width: auto; color:#212121; border: none; font-size: 12px; height: auto; padding: 4px 0}
.d_btn:hover {background: none; color: #65019b}
.d_btn:focus {outline:0;}

.page_content {margin-top: 30px; box-sizing: border-box}
.page_content .title {color: #212121; font-size: 24px; display: block; height: auto; border-right: 5px solid #65019b; padding: 15px 15px 15px 20px; box-sizing: border-box; }
.page_content label {display:block; margin-top: 20px; line-height: 25px}

.report_page input , .report_page select, .report_page textarea {width: 40%; display:block; height: 35px; }
.report_page textarea {height: 120px}
.report_page input[type="submit"] {width: 70px;}

.jw-skip .jw-text, .jwplayer.jw-flag-ads .jw-controlbar .jw-text-alt {font-family: IRANSans, Tahoma, Arial !important; font-size:0.8em !important;}
.jw-title-primary {font-family: IRANSans, Tahoma, Arial !important;text-align: center !important; font-size: 20px !important; margin-top: 3% !important; direction: rtl !important;}
.jwplayer .jw-display-icon-container {border: 5px solid #fff !important; border-radius: 50% !important; }
.jw-controlbar {background: linear-gradient(0deg,rgba(0,0,0,.75) 0%,transparent 100%) !important;}
.jwplayer:hover  .jw-display-icon-container, .jw-display-icon-container {background-color: rgba(101, 1, 155, 0.8) !important; }
.jwplayer:hover .jw-display .jw-icon,  .jw-display .jw-icon {color:#fff  !important; }
.jw-skin-seven .jw-text {font-family: IRANSans !important; font-size: 14px !important;}
.jw-text {font-family: IRANSans !important;}
.jw-progress { background-color: #ff0000 !important;  }
/*
.jw-slider-horizontal .jw-knob {top: -0.25em !important;}
.jw-slider-vertical .jw-knob {left : -0.2em !important}
.jw-knob {    width: 0.8em !important;     height: 0.8em !important; border-radius: 0.5em !important;}
.jw-background-color {background: rgba(33,33,33,1) }
*/
.jw-slider-horizontal .jw-buffer, .jw-slider-horizontal .jw-progress, .jw-slider-horizontal .jw-rail {border-radius: 5px !important;}


.end_video_rec {position: absolute; top:0; left: 0; width: 100%;  z-index: 10;  background: rgba(0,0,0, 0.8); display: none; height: 100%; /*padding-top: 10%;*/ box-sizing: border-box; overflow: hidden}
.end_video_rec .dash_video:hover {box-shadow: none; border-radius: 0}
.end_rec_title {color:#fff; font-size: 20px; display: block; text-align: center; margin: 5% 0;}

.video_recom_btn {position:absolute;  cursor: pointer; color: #fff; }
.video_recom_btn .fa {font-size:40px;}
.video_replat_btn {left: 15px; top: 15px;}
.video_recom_close {right: 15px; top: 15px;}
.video_replat_btn:hover {color: #65019b; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}

/*.jwplayer {background-color: rgba(255, 255, 255, 1) !important;}*/


.cover_full {display: table; width: 100%}
.cover_bg_1 {background: #433c46; background: linear-gradient(to bottom, rgba(60,34,78,1) 0%, rgba(60,34,78,1) 0%, rgba(120,23,78,1) 100%);}

.txt_color1 { color: #fff !important}

.titr1 {font-weight: bold; margin-bottom: 6px; display: block}
.titr2 {font-weight: bold; margin-bottom: 19px; display: block}

.video_btn_box {width:100%; height: 42px; background: #252222; display: block; box-sizing: border-box}
.video_btn_box .a_bt { color: #fff; font-size: 19px; display: inline-block; width: 21%; font-weight: normal; margin: 0; text-align: center; padding: 11px 0; border-radius: 0; border:0; box-sizing: border-box}
.video_btn_box .a_bt:hover {color: #fff; background: #ff0000 }
.video_btn_box .a_bt span {font-size: 13px; margin-right: 5px}
.video_btn_box .btn_more {width: 10%}
.video_btn_box .fa {color:#fff; vertical-align: middle}


.m_modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;  background-color: rgba(0,0,0,0.6); }
.m_modal_box {display: block; margin: 150px auto; background-color: #fefefe;    border: 1px solid #888;width: 80%; max-width: 500px;

              border-radius: 4px;
    box-sizing: border-box;
    -webkit-animation-name: m_modal_b;
    -webkit-animation-duration: 0.4s;
    animation-name: m_modal_b;
    animation-duration: 0.4s

}
.m_modal_content {padding: 20px;}
.m_modal_content .loder_img_gif {margin: 5px auto; display: block}
.m_modal_header {width: 100%;  border-bottom: 1px solid #c1c1c1; padding: 15px; box-sizing: border-box; font-weight: bold; font-size: 15px  }
.m_modal_header .fa-times {font-size: 22px; width: 20px; float: right; cursor: pointer; margin-top: -5px; margin-left: 10px}

@-webkit-keyframes m_modal_b {
    from {margin-top: -300px; opacity: 0}
    to {margin-top: 70px; opacity: 1}
}

@keyframes m_modal_b {
    from {margin-top: -300px; opacity: 0}
    to {margin-top: 70px; opacity: 1}
}

.single_share_content a {display: block;  padding: 15px 0; }
.single_share_content a:first-child { padding-top: 0}
.single_share_content .fa {font-size: 21px; margin-left: 7px; }

.c_dropdown {display: none; position: absolute;  box-shadow: 0 2px 6px 1px rgba(0,0,0,0.75); border-radius: 4px; background: #fff; z-index: 55}
.c_dropdown_left {left: 0;top: 100%;}
.c_dropdown_right {right: 0;top: 100%;}
.m_dropdown {position: relative}
.m_dropdown:hover > .c_dropdown {display: block}


.single_more_drop {width: 200px; text-align: right; padding-top: 15px}
.single_more_drop a {display: block; height: 25px; font-size:14px; padding: 10px 10px;}
.single_more_drop a .fa {font-size: 18px}
.single_more_drop .fa {color: #252222}

.followbtn { background: #672498; padding: 5px 7px; color: #fff; width: auto; border: 0; height: auto; font-size: 11px }
.followbtn:hover {color: #fff}
.followed { background: none; color: #2c2c2c; padding-right: 0}
.followed:hover {background: none;}


.dropdown_list_box { padding:10px;}
.dropdown_list_box_container { border-bottom: 1px solid #c5c5c5; display: table; width: 100%; padding-bottom: 10px}
.dropdown_list_box_container_content { font-size: 13px; max-height: 250px; overflow-y: auto;}
.dropdown_list_box_container_content span {display:block;  cursor: pointer}
.dropdown_list_box_container_content span:hover { background: #ececec}
.dropdown_list_box_container_content input[type="checkbox"] {width:16px;height:16px; margin:0; padding:0; cursor: pointer}
.dropdown_list_box_container_content label {margin-top:0; padding: 11px 0; display: inline-block; font-size: 13px; width: 100%; color: rgb(98,98,98);}

.new_list_form_div input[type="text"] {width:100%; height: 35px; box-sizing: border-box;}
.dropdown_list_box button {width:55px; height: 32px; margin-top: 5px; float: left}

button:focus {outline:0;}

#dalfak_player {background: #000}
#dalfak_player_vastmoree {left:1.5em; bottom:3em;border-radius:.5em;padding:0.5em; background: rgba(0,0,0,.7)}
#dalfak_player_vastmoree a {color:#fff; font-size:15px}
#dalfak_player_vastmoree i {font-size: 17px}



.verified_user {display: inline-block; font-size: 20px; color: #41a5f5; margin: 0 2px; vertical-align: middle}
.verified_user_s1 {margin: 0 4px !important;; font-size: 27px !important;}
.verified_user_s2 {margin: 0 1px !important;; font-size: 15px !important;;}
























/*------------------------------------------Mobile------------------------------------*/

.is_mobile {display: none !important;}

@media only screen and (max-width: 800px) {

	.is_mobile {display: inline-block !important;}
	.is_pc {display: none;}
	.is_pc_hard {display: none !important}
	#header {height: 50px; padding: 0 5px; background: #65019b; box-shadow:none; -webkit-box-shadow: none; border-bottom: 1px solid #4c0077; display: inherit }




	.menu_top, .channel_top { width: 100%}

	.menu_top .right_menu { margin: 0}
	.logo {background:url(../images/logo-w4.png) no-repeat; width: 97px; height: 40px;  /* background-size: 103% auto; */ margin-top: 4px     }
	.bt_menu_top {border:none; height: 50px; border-radius:0; margin-left:0; line-height: 30px;  box-sizing: border-box; background:none; border-right:1px solid #4c0077; padding-top: 0; width: 17%;}

	.bt_menu_top .fa-bars, .bt_menu_top .fa-bell-o, .bt_menu_top .fa-upload, .bt_menu_top .fa-user-circle, .bt_menu_top .fa-search { position: relative; font-size: 23px; top:13px; padding-left: 4px; color: #565656}



	.cat_menu .fa-times, .notic_menu_header .fa-times, .tsearch .fa-times, .video_comment .fa-times   {font-size: 30px; color: #000; display: block; text-align: right;  margin-bottom: 10px; width: 100%; margin-right: 20px; cursor: pointer}
	.bt_menu_top .fa {color: #fff !important;}
	.bt_menu_top .notice {display: inline; padding: 0; }
	.bt_menu_top .fa-user-circle {margin-top: 0}

	.cat_menu , .tsearch, .video_comment {width: 100%; height: 100%; position: fixed; margin:0; margin-top: 0; right: 0; top:0; padding: 0; box-sizing: border-box  }

	.cat_menu .cat_m_content { width: 100%; height: 100%; display: table; border-radius:0; border-right:0; margin: 0}
	.cat_m_content li {width: 100%; box-sizing: border-box; height: 60px; margin-top: 10px }
	.cat_m_content li a { width: 100%; }
	.ul2 , .ul1 {width: 31%}

	.bt_menu_top .title, .bt_menu_top .cat_title {display: none}
	.menu_top .right_menu { width: 58%}
	.tsearch {display: none; z-index: 10000; background: #fff;  margin:0; padding:0; text-align: center }
	.search_do {width: 100%; height: 100%; margin-top: 10px}
	.tsearch .fa-times {margin: 10px 20px 0 10px}
	.tsearch input[type="text"] {width: 80%; }






	#main {width: 100%; margin: 0; box-sizing: border-box; padding: 4px; padding-top: 0}
	.side_main {width: 100%; float: none; padding: 0}
	.side_left {width: 100%; float: none; box-sizing: border-box; border: none; margin: 0; padding: 0}
	.side_full {width: 100%; box-sizing: border-box; padding: 5px}


	.video_s1 { width:49.2%; margin-top:7px;}
	.video_s2 { width:49.2%; margin-top:7px;}
	.video_s3 { width:49.2%; margin-top:7px;}

	.video_s1:nth-of-type(3n+1) { clear:none}
	.video_s2:nth-of-type(5n+1) { clear:none}
	.video_s3:nth-of-type(4n+1) { clear:none}

	.video_s1:nth-of-type(2n+1) { clear:both}
	.video_s2:nth-of-type(2n+1) { clear:none}
	.video_s3:nth-of-type(2n+1) { clear:both}

	h1 {font-size: 1.5em}

	._video_player { display: inline}
	.video_title {margin:6px 0 8px 0;}
	.video_title h1 {font-size: 1.1em;  width: calc(100% - 24px)  }
	.video_des p {font-size: 12px}
	.video_view {font-size: 14px}
	.video_view .fa {font-size: 15px}
	.user_info { margin: 4px 0; padding: 4px 0;}
	.user_info .user__info .channel_title {font-size: 12px}
	.video_info_right { float: none; display: table; padding: 25px 0 0 0; clear: both}
	.video_info_left {float: none; text-align: right}
	.tag_video {margin-top: 25px}

	.video_comment {display: none; background: #fff; padding: 10px; box-sizing: border-box; z-index: 10000; overflow: auto}
	/* .show_comment_btn { padding: 10px; margin: auto; display:table !important; margin-top: 20px } */
	.video_comment .add_comment textarea {width: 80%}

	.single_no_pad {padding: 0 !important;}
	.single_pad {padding: 7px}

	.video_title , .user_info, .video_dl, .video_info {padding-right:5px; padding-left: 5px; box-sizing: border-box}
	.video_info {border-top:1px solid #e1e1e1}

	.video_btn_box {height: 37px; }
	.video_btn_box .a_bt { font-size: 17px; padding: 10px 0; width: 22.5%  }
	.video_btn_box .btn_more {width: 5%}
	.video_btn_box .a_bt span {font-size: 12px}

	.single_playlist {width: 100%;}
	.single_playlist .controller .action .fa , .single_playlist .controller .action .info{ font-size: 17px; line-height: 37px}
	.single_playlist .controller .action .info{font-size: 12px}
	.single_playlist .controller .action .fa-play {font-size: 22px}
	.single_playlist .header .title .right {width: 95%}
	.single_playlist_hr {display: block}
	.single_playlist .loder_img_gif {margin: 20px auto;}
	.single_playlist .container {display: none;}


	.dash_play_list .list_count_over { margin-top: 30%}

	.channel_cover {display: table; padding:0 5px 5px 5px; box-sizing: border-box; height: auto; margin-bottom: 20px}
	.channel_top {box-sizing: border-box}
	.channel_top .channel_title {width: calc(95% - 100px); box-sizing: border-box; margin: 15px 7px 0 0}
	.channel_top .channel_logo {width:100px; height: 100px; box-sizing: border-box; margin-top: 7px}
	.channel_top .right {float: none; display: table; width:100%; box-sizing: border-box}
	.channel_top .left {float: none; display: table; width: 100%; text-align: left; box-sizing: border-box; margin-top: 10px}

	.channel_top .followbtn {font-size:12px; margin-top:10px; display:inline-block; padding: 7px 7px}
	.channel_cover .channel_top .channel_title h1 { margin-left:10px }
	.channel_cover .channel__info {margin: 0; width: 100%;}
	.channel_cover .channel_info {display: block; width: 100%; height: 70px}
	.channel_cover .channel_info .stat {width: 32%;  margin-left: 0; }
	.channel_cover .channel_info .stat b {font-size: 22px}
	.channel_cover .channel_info .stat span {font-size: 11px; display: block;}
	.channel_cover .external_box {width: 100%; margin: 0}
	.channel_cover .external_social, .channel_cover .site_ext_link {display: block; width: 100%}

	.recom_cover_i_r { max-height: 363px; overflow: auto; padding-top: 15px }
	.recom_cover_i_l { max-height: 136px; overflow: auto; border-top:1px solid #333; margin-top: 12px; padding-top: 12px }

	.m_modal_box {margin: 70px auto;}
	@-webkit-keyframes m_modal_b {
		from {margin-top: -300px; opacity: 0}
		to {margin-top: 70px; opacity: 1}
	}

	@keyframes m_modal_b {
		from {margin-top: -300px; opacity: 0}
		to {margin-top: 70px; opacity: 1}
	}
	/* panel */
	.login {width: 100%; border: none; display: block}
	.dashboard_menu { display: none;}
	.dashboard_main { width: 100%; padding:15px 2px; margin: 0; border: none }

	.dash_box { width: 100% }
	.dash_info .profile_img {display: none}
	.dash_info .stat { width: 8%}
	.dash_info .stat strong {font-size: 17px}
	.dash_info .stat span {font-size: 11px; line-height: 15px}


	.upload__box {width: 100%}
	.up_area_box {box-sizing: border-box}
	.other_upload { width: 100% !important}
	.local_up {padding: 0}
	.up_area_box { padding: 10px}
	.video_u_box, .up_area_box { height: 345px; margin-bottom: 15px;}
	.upload_sec { height:330px}
	.local_up span { font-size: 12px;}

	.video_u_d .input_sec { padding: 7px; width: 100%}
	.video_u_d .up_left {width: 100%; padding: 7px}
	.input_sec input[type="submit"] {width: 100%}



	.thumbnail_b { width: 92%; max-width: 100%;  display: block; position: absolute; overflow-x: scroll; white-space: nowrap; padding-bottom: 7px}
	.thumbnail { margin-left: 7px}
	.thumbnail img { width: 170px}
	.video_u_d .progress-box {width: 98%; margin-bottom: 10px}

	.tab_box .tab { margin-right: 8px}

	.save_channel_img {width:100%}
	.save_channel_info {width:100%; }
	#t_pw_c input[type="password"] {width: 92%}

	.padding_div {width: 85%}
	.login .input {width:calc(100% - 37px); }
	.register .username { width: 100%}
	.register .dalfakurl { }
	.login .code { width: 130px !important;  }
	.login h2 { margin-bottom: 27px}

	/* jw */
	.jw-skiptext {font-size: 11px !important;}
	.jw-skip {padding: 0.3em !important;}


	#dalfak_player_vastmoree {padding:0.4em}
	#dalfak_player_vastmoree a {color:#fff; font-size:13px}
	#dalfak_player_vastmoree i {font-size: 14px}

	.video_type_playlist .thum { width: 30%;  }
	.video_type_playlist li h3, .video_type_playlist li h2 {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
}

@media only screen and (max-width: 420px) {
	.end_video_rec { position: fixed; width: 100%; height: 100%; top:0; left: 0 }

	.playlist_top .editable_active {width: 90%}
	.video_type_playlist .thum { width: 40%;  }
	.video_type_playlist .list_action {position: none; float: left; margin-left: 15px;}
}
@media only screen and (min-width: 450px) and  (max-width: 800px) {
	/* .logo {background-size: 94% 96%;} */
}

@media only screen and (max-width: 320px) {
	.end_video_rec { position: fixed; width: 100%; height: 100%; top:0; left: 0 }

	.playlist_top .editable_active {width: 90%}
	.video_type_playlist .thum { width: 40%;  }
}