#popup {z-index: 99999;position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);top: 0;left: 0;bottom: 0;right: 0; display: none; line-height: .9em !important}
#popup #close {padding: 7px;display: inline-block;color: #fff;background: #e74c3c;position: absolute;top: 0;right: 0;border-radius: 0;z-index: 10;cursor: pointer;font-weight: bold;}
#popup .item_detail {position: fixed;top: 0;bottom: 0;left: 0;width: 300px;background: rgba(0,0,0,0.9); padding: 20px;}
#popup .item_detail .filter {}
#popup .item_detail .filter ul {padding-bottom: 15px;border-bottom: 1px solid rgb(36, 36, 36);padding-top: 5px;border-top: 1px solid rgb(36, 36, 36);}
#popup .item_detail .filter li {display: inline-block;color: #898989;width: 57px;vertical-align: top;text-align: center;background: black;padding: 10px 0 0;border-radius: 3px;}
#popup .item_detail .filter li span {display: none;}
#popup .item_detail .filter li i {display: block; font-size: 15px;}
#popup .item_detail .filter li:not(.disabled):hover {cursor: pointer; color: #fff;}
#popup .item_detail .filter li:not(.disabled):hover span {display: block;}
#popup .item_detail .filter li.selected {color: #e74c3c !important; }
#popup .item_detail .filter li.selected i {-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);}
#popup .item_detail .filter li.disabled i {cursor: default; color: rgba(255, 255, 255, 0.15);}
#popup .item_detail .ev_tools {padding-bottom: 15px;padding-top: 5px;border-top: 1px solid rgb(36, 36, 36); text-align: center}
#popup .item_detail .ev_tools a {display: inline-block;color: #898989;width: 57px;vertical-align: top;text-align: center;background: black;padding: 10px 0 0;border-radius: 3px;}
#popup .item_detail .ev_tools a span {display: none;}
#popup .item_detail .ev_tools a i {display: block; font-size: 15px;}
#popup .item_detail .ev_tools a:not(.disabled):hover {cursor: pointer; color: #fff;}
#popup .item_detail .ev_tools a:not(.disabled):hover span {display: block;}
#popup .item_detail .ev_tools a.selected {color: #e74c3c !important; }
#popup .item_detail .ev_tools a.selected i {-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);}
#popup .item_detail .ev_tools a.disabled i {cursor: default; color: rgba(255, 255, 255, 0.15);}
#popup .item_detail .filter .filter_title {text-align: center; display: block; padding-bottom: 5px; color: #fff; font-size: 13pt}
#popup .item_detail .ev_title {font-size: 16px; color: #fff; font-weight: bold; line-height: 140%; padding-bottom: 20px; position: relative;}
#popup .item_detail .ev_title.wt {padding-right: 40px; cursor: pointer;}
#popup .item_detail .ev_title.wt:before {content: "\f086";font-family: mfg;font-size: 25px;color: #5F5F5F;position: absolute;right: 5px;font-weight: normal;top: 50%;margin-top: -21px}
#popup .item_detail .ev_title.wt.active:before {color: #fff}
#popup .item_detail .ev_title .date {font-size: 15px;font-weight: normal; display: block;}
#popup .item_detail .ev_desc {color: #fff;line-height: 140%;position: absolute;background: rgba(38, 38, 38, 0.94);left: 0;padding: 20px;z-index: 999;right: 10px; display: none; font-size: 15px;text-align: justify}
#popup .item_detail .ev_desc:before {content: '';font-family: iFont;font-size: 25px;color: rgba(35, 35, 35, 1);position: absolute;top: -15px;right: 124px}
#popup .item_detail .ev_desc a {display: block; padding: 5px 8px; margin-top: 10px; border-radius: 3px; background: #7E3931; color: #fff; text-align: center;}
#popup .item_detail .thumbnail {margin-top: 20px; height: 70%}
#popup .item_detail .thumbnail ul {height: 100%; overflow: hidden;}
#popup .item_detail .thumbnail ul.scroll:before {content: '';background: url(thumbnail_shadow.png) top center no-repeat;display: block;height: 12px;position: absolute;top: 0px;width: 300px;left: 0; z-index: 15}
#popup .item_detail .thumbnail ul li {overflow: hidden;border-radius: 4px;-webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 1);box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 1);display: block;float: left;margin-right: 9px;margin-bottom: 9px; border: 1px solid #000; width: 143px; height: 95px; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}
#popup .item_detail .thumbnail ul li:nth-child(2n) {margin-right: 0;}
#popup .item_detail .thumbnail ul li img {width: 145px}
#popup .item_detail .thumbnail ul li.gr img {filter: grayscale(100%);  -webkit-filter: grayscale(100%); /* For Webkit browsers */  filter: gray; /* For IE 6 - 9 */  -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); opacity: 0.5}
#popup .item_detail .thumbnail ul li.gr:hover {border:1px solid #7C7C7C; width: 143px; height: 95px}
#popup .item_detail .thumbnail ul li[type=img] {}
#popup .item_detail .thumbnail ul li[type=vi] {position: relative;}
#popup .item_detail .thumbnail ul li[type=vi] .len {position: absolute;top: 5px;background: #e74c3c;color: #fff;text-shadow: rgba(0, 0, 0, 0.74902) 0px -1px;padding: 2px 5px;right: 0;font-weight: bold; border-radius: 3px; right: 5px}
#popup .item_detail .thumbnail ul li.gr[type=vi] .len {background: #505050}
#popup .item_detail .thumbnail ul li.gr[type=vi]:after {border-color: rgb(151, 151, 151); color: rgb(151, 151, 151)}
#popup .item_detail .thumbnail ul li.gr[type=vi]:before {background: rgb(53, 53, 53)}
#popup .item_detail .thumbnail ul li.gr[type=vi]:hover:before {background: #e74c3c; opacity: 1}
#popup .item_detail .thumbnail ul .mCSB_scrollTools {left: -17px !important; left: auto;}
#popup .item_detail .thumbnail ul .mCSB_dragger_bar {background-color: rgba(255, 255, 255, 0.75) !important;}
#popup .item_detail .thumbnail ul .mCSB_draggerRail {background-color: rgba(255, 255, 255, 0.1) !important;}
#popup .item_detail .seprator {position: absolute;left: 330px;background: rgb(29, 29, 29);display: block;height: 100%;top: 0;vertical-align: middle;padding: 5px; color: #fff; cursor: pointer;}
#popup .item_detail .seprator:hover {background: rgb(39, 39, 39)}
#popup .item_detail .seprator i {position: absolute;top: 50%;margin-top: 3px;left: 4px;display: block;}
#popup .monitor {text-align: center; background: url(monitor_loader.gif) center center no-repeat; position: fixed; top: 0; right: 0; bottom: 0; left: 340px; vertical-align: middle;}
#popup .monitor img#item {border-radius: 4px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.37);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.37); max-width: 80%; max-height: 80%; border-radius: 4px; vertical-align: middle; position: absolute; top: 50%; left: 50%; display: none;}
#popup .monitor.max {left: 0;}
#popup .monitor.max img#item {max-height: 80%}
#popup .monitor_operator {position: fixed; top: 50%;width: 100%}
#popup .monitor_operator a {color: #fff; font-weight: bold; background: rgba(0,0,0,0.9); display: block; padding:8px; position: absolute; min-width: 30px;}
#popup .monitor_operator a[href=next] {right: 0; border-radius: 3px 0 0 3px}
#popup .monitor_operator a[href=prev] {left: 340px; border-radius: 0 3px 3px 0}
#popup .monitor_operator.max a[href=prev] {left: 10px}
#popup .monitor #video_container {display: none;}
#popup .monitor .nano-video {font-family: Arial, sans-serif; top: 50%; position: absolute; left: 50%;width: 480px; margin-left: -240px; margin-top: -170px}
#popup .monitor .nano-video-320p {}
#popup .monitor .nano-video-320p .nano-type-single {-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);}
#popup .monitor .nano-title h1 {font-size: 1em;text-align: center;color: #555;}

/***VIDEO CONTROL***/
#popup .monitor .nano-video-play {cursor: pointer;}
#popup .monitor .nano-video-play i {position: absolute;top: 45%;left: 46%; color: #fff;border: 3px solid #fff;border-radius: 50px;padding: 12px 15px;color: #fff;background: rgba(255, 255, 255, 0.42);}
#popup .monitor .nano-interface {width:100%;bottom: 0;position: relative;background: #f34927;background: -moz-linear-gradient(top,  #f34927 0%, #dd3311 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f34927), color-stop(100%,#dd3311));background: -webkit-linear-gradient(top,  #f34927 0%,#dd3311 100%);background: -o-linear-gradient(top,  #f34927 0%,#dd3311 100%);background: -ms-linear-gradient(top,  #f34927 0%,#dd3311 100%);background: linear-gradient(to bottom,  #f34927 0%,#dd3311 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f34927', endColorstr='#dd3311',GradientType=0 );overflow: hidden;-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); direction: ltr;border-radius: 0 0 4px 4px;}
#popup .monitor .nano-interface a {color: #fff;text-shadow: 1px 1px 0 rgba(0,0,0,0.3);}
#popup .monitor .nano-interface i {color: #fff; cursor: pointer;}
#popup .monitor .nano-controls {height: 30px}
#popup .monitor .nano-controls, #popup .monitor .nano-toggles {padding: 0;margin: 0;}
#popup .monitor .nano-toggles {position: absolute;top: 7px;right: 10px;}
#popup .monitor .nano-controls li,#popup .monitor .nano-toggles li {display: inline;}
#popup .monitor .nano-play, #popup .monitor .nano-pause {width: 25px;display: inline-block;position: absolute;top: 9px;left: 12px;}
#popup .monitor .nano-mute, #popup .monitor .nano-unmute {position: absolute;right: 85px;top: 9px;width: 20px;display: inline-block;}
#popup .monitor .nano-progress {background-color: #992E18;border-radius: 20px;overflow: hidden;position: absolute;left: 55px;top: 12px;height: 6px;width: 55%;-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2) inset;box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2) inset;}
#popup .monitor .nano-progress .nano-seek-bar {background-color: rgba(29, 29, 29, 0.3); border-radius: 20px}
#popup .monitor .nano-play-bar {height: 6px;background-color: #fff;border-radius: 20px;}
#popup .monitor .nano-volume-bar {position: absolute;right: 40px;top: 12px;width: 45px;height: 6px;border-radius: 20px;-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset;box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset;background-color: #992E18;overflow: hidden;}
#popup .monitor .nano-volume-bar-value {background-color: #fff;height: 6px;border-radius: 20px;}
#popup .monitor .nano-current-time {color: #FFF;font-size: 12px;line-height: 14px;position: absolute;right: 115px;top: 8px;text-shadow: 1px 1px 0 rgba(0,0,0,0.3);}
#popup .monitor .nano-video-full {/* Rules for IE6 (full-screen) */width:480px;height:320px;/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */position:static !important; position:relative;}
#popup .monitor .nano-video-full div div {z-index:1000;}
#popup .monitor .nano-video-full .nano-video-play a {font-size: 3em;height: 80px;width: 80px;line-height: 95px;}
#popup .monitor .nano-video-full .nano-jplayer {top: 0;left: 0;position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */overflow: hidden;}
#popup .monitor .nano-video-full .nano-interface {position: absolute !important;position: relative; /* Rules for IE6 (full-screen) */bottom: 0;left: 0;}
#popup .monitor .nano-video-full .nano-gui {position: fixed !important; position: static; /* Rules for IE6 (full-screen) */top: 0;left: 0;width:100%;height:100%;z-index:1001; /* 1 layer above the others. */}
#popup .monitor .nano-video-full .nano-progress {width: 83%;}
#popup .monitor .nano-no-solution {width: 350px;height: 180px;font-family: nassim;color: #fff;font-size: 18px;padding: 140px 65px 0;background: #000;line-height: 140%;}
#popup .info_box {z-index: 10000;color: #fff;text-align: center;padding: 10px;background: #000;position: fixed; line-height: 140%; top: 0; right: 0; cursor: help;}
#popup .info_box.nohover {cursor: default;}
#popup .info_box .title {font-size: 18px; font-weight: bold; padding: 10px}
#popup .taskbar {position: fixed; width: 50px; text-align: left; direction: ltr; display: none;}
#popup .taskbar .btn {display: block;background: rgba(19, 19, 19, 0.43);padding: 8px 0;border-radius: 50px;border: 2px solid rgba(41, 41, 41, 1);margin-right: 5px;cursor: pointer; width: 32px; text-align: center; margin-bottom: 5px}
#popup .taskbar .btn.disabled {opacity: 0.3;color: #fff !important; cursor: default;}
#popup .taskbar .close {float: right; margin-right: 0; background: #e74c3c; color: #fff; margin-left: 5px}
#popup .taskbar .autoplay {color: #fff}
#popup .taskbar .rating {color: #FFB800;-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;}
#popup .taskbar .rating.set_rate {-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-ms-transform: scale(1.2);filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.2, M12=-0, M21=0, M22=1.2);}
#popup .taskbar .setting {margin-right: 0;}
#popup .taskbar .raty {position: absolute;top: -30px;display: block;left: 50px;padding: 5px;color: #fff;direction: rtl;}
#popup .taskbar .raty .rating_result {float: left;margin-right: 10px;vertical-align: middle;}
#popup .taskbar .raty .rating_stars {direction: ltr;float: left}
#popup .linebar {position: absolute; top: 0; height: 2px; left: 0; background: #e74c3c}
#popup .taskbar .visit {position: absolute;top: -30px;display: block;right: 50px;padding: 5px;color: #fff;direction: rtl;}
#popup .item_info {font-size: 25px; position: absolute; z-index: 9999; color: #fff; font-weight: normal; cursor: pointer; left: 50%; display: none; margin-left: -10px}
#popup .item_info.off {color: #5F5F5F}
#popup .overlayer {position: absolute; background: transparent; left: 50%; z-index: 9999999; overflow: hidden;}
#popup .overlayer .detail {background: rgba(0,0,0,0.85);color: #fff;position: absolute;bottom: 0;border-radius: 0 0 3px 3px; width: 100%}
#popup .overlayer .detail h1 {font-weight: bold; font-size: 18px;padding: 10px; padding-top: 15px }
#popup .overlayer .detail span {line-height: 120%;text-align: justify; display: block;padding: 15px 10px;}
#popup .overlayer .detail .creator {padding: 0 10px 10px; text-align: left;}
#popup .overlayer .title {position: absolute;display: block;background: rgba(0, 0, 0, 0.96);padding: 8px !important;top: -30px;line-height: 100% !important;right: 5px;border-radius: 3px 3px 0 0; font-size: 18px; font-weight: bold;}
#popup .item_detail .thumbnail li.is-loading {position: relative;}
#popup .item_detail .thumbnail li.is-loading img {display: none !important;}


#pop_message {position: fixed;padding: 20px;background: rgba(40, 40, 40, 0.9);top: 50%;left: 50%;z-index: 999999;color: #fff;border-radius: 5px;width: 300px;margin-left: -170px;margin-top: -60px;font-family: 'nassim', arial;font-size: 20px;line-height: 140%; display: none; font-weight: bold;}
#pop_message.success:before {content: ''; font-family: iFont; font-size: 35px; float: right; padding: 5px; color: #00a8ac; margin-left: 10px}
#pop_message.error:before {content: ''; font-family: iFont; font-size: 35px; float: right; padding: 5px; color: #e01837; margin-left: 10px}
#pop_message.attention:before {content: ''; font-family: iFont; font-size: 35px; float: right; padding: 5px; color: #f7941d; margin-left: 10px}

#pop_message.link:before {content: ''; font-family: iFont; font-size: 35px; float: right; padding: 5px; color: #f7941d; margin-left: 10px}
#pop_message.link input {padding: 10px 15px;width: 270px;margin-top: 10px;border-radius: 3px;border: 0;background: rgba(0,0,0,0.4);color: #ccc; direction: ltr}
#pop_message.link .label {display: block;}