﻿html {
	background: #121212;
	color: #555
}

body {
	background-color: #121212;
	margin: 0;
	font: 13px sans-serif;
	line-height: 1.615;
	color: #bbb
}

a:link,
a:visited {
	color: #fff;
	text-decoration: none
}

a:focus,
a:hover {
	color: #dacb46;
	text-decoration: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block
}

audio,
canvas,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

p {
	margin: 0 0 7px 0
}

#main {
	padding-top: 20px
}

@media only screen and (min-width:640px) and (max-width:959px) {
	#header-search {
		width: 100%;
		margin-left: 0
	}

	body {
		min-width: 640px;
		overflow-x: hidden
	}
}

@media only screen and (max-width:639px) {
	body {
		min-width: 320px
	}

	#header-search {
		float: none;
		width: 100%;
		margin: 0;
		padding: 15px 0 0;
		overflow: hidden
	}
}

.block-wrapper {
	position: relative;
	height: auto;
	display: block
}

.movie-list-index.home-v2 ul.last-film-box>li>.movie-item .movie-thumbnail .public-film-item-thumb {
	display: block !important;
	width: 100% !important;
	height: 100% !important
}

.ratio-content {
	position: absolute !important;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.public-film-item-thumb {
	display: block;
	width: 205px;
	height: 50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.movie-list-index .list-movie {
	list-style: none;
	margin: 0;
	padding: 0
}

.movie-list-index .list-movie .movie-item {
	margin: 10px 20px 10px 0;
	width: 210px;
	height: 100px;
	float: left
}

.movie-list-index .list-movie .movie-item:hover .movie-thumbnail {
	opacity: .8
}

.movie-list-index.home-v2 ul.last-film-box>li:nth-child(4n+4) {
	margin-right: 0 !important
}

.movie-item.m-block {
	display: block
}

.ratio-box {
	position: relative !important;
	height: auto !important
}

.ratio-4_3:before {
	padding-top: 75% !important
}

.ratio-16_9:before {
	padding-top: 56.25% !important
}

.ratio-box:before {
	content: "";
	display: block;
	padding-top: 56.25%
}

.last-film-box-wrapper {
	background-color: #171717
}

.movie-list-index.home-v2 ul.last-film-box {
	list-style-type: none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
	padding: 10px 10px 0 10px;
	margin: 0
}

.movie-list-index.home-v2 .header-list-index {
	overflow: hidden;
	white-space: nowrap;
	background-color: #171717;
	padding: 0 10px;
	margin: 0;
	color: #dacb46;
	font-family: "Open Sans", "segoe ui", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 300
}

.movie-list-index.home-v2 ul.last-film-box>li {
	display: inline-block !important;
	margin-right: 2.6%;
	margin-bottom: 24px !important;
	width: 22.7%;
}

.movie-list-index.home-v2 ul.last-film-box>li>.movie-item,
.movie-list-index.home-v2 ul.last-film-box>li>.movie-item .movie-thumbnail {
	width: 100% !important
}

.movie-list-index.home-v2 ul.last-film-box>li>.movie-item .movie-thumbnail .public-film-item-thumb {
	display: block !important;
	width: 100% !important;
	height: 100% !important
}

@media screen and (max-width:980px) {
	.movie-list-index.home-v2 ul.last-film-box>li {
		width: 31.6%
	}
}

@media screen and (max-width:640px) {
	.movie-list-index.home-v2 ul.last-film-box>li:nth-child(3n+3) {
		margin-right: 4% !important
	}

	.movie-list-index.home-v2 ul.last-film-box>li:nth-child(2n+2) {
		margin-right: 0 !important
	}

	.movie-list-index.home-v2 ul.last-film-box>li {
		width: 47%;
		margin-right: 4%
	}
}

.movie-item .movie-meta .movie-title-1 {
	display: block;
	margin-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	text-decoration: none;
	font-weight: 400;
	font-size: 14px
}

.list-top-movie-item-view,
.movie-view {
	font-size: 12px;
	color: #888;
	line-height: normal
}

h2 {
	font-size: 19px
}

.right-box .right-box-header {
	border-bottom: 2px solid #121212;
	margin: 0 10px;
	font-family: "Open Sans", "segoe ui", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 22px;
	padding: 3px;
	font-weight: 300
}

.right-box .right-box-content {
	border-top: 2px solid #121212;
	float: left;
	overflow: hidden;
	position: relative;
	color: #fff;
	font-size: 11px;
	height: auto;
	width: 100%;
	background-color: #171717
}

.right-box .right-box-content .list-top-movie {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	height: auto
}

.right-box .right-box-content .list-top-movie img {
	border-radius: 3px;
	width: 100px;
	height: 140px
}

.right-box .right-box-content .list-top-movie img:hover {
	opacity: .7
}

.right-box .right-box-content .list-top-movie .list-top-movie-item {
	clear: both;
	padding: 10px;
	min-height: 81px;
	height: auto;
	border-bottom: 0 solid #333
}

.right-box .right-box-content .list-top-movie .list-top-movie-item:last-child {
	border-bottom: 0
}

.right-box .right-box-content .list-top-movie .list-top-movie-item-thumb {
	float: left;
	width: 100px
}

.right-box .right-box-content .list-top-movie .list-top-movie-item-info .list-top-movie-item-en,
.right-box .right-box-content .list-top-movie .list-top-movie-item-info .list-top-movie-item-view,
.right-box .right-box-content .list-top-movie .list-top-movie-item-info .list-top-movie-item-vn {
	display: block
}

.right-box .right-box-content .list-top-movie .list-top-movie-item-info .list-top-movie-item-vn {
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 5px;
	margin-right: 5px
}

.right-box .right-box-content .list-top-movie .list-top-movie-item-info .list-top-movie-item-en {
	font-size: 12px;
	color: #fff;
	margin-bottom: 10px
}

.right-box .right-box-content .list-top-movie .list-top-movie-item-info .list-top-movie-item-vn:hover {
	color: #dacb46;
	text-decoration: none
}

.top-film-week,
.top-movie-week {
	height: auto;
	color: #dacb46;
	background-color: #171717
}

.right-box .right-box-content .list-top-movie .list-top-movie-item-thumb {
	background-repeat: no-repeat;
	background-size: cover;
	width: 144px;
	height: 81px;
	margin-right: 15px
}

@media screen and (max-width:800px) {

	#sidebar .right-box,
	#sidebar .right-box .right-box-content {
		width: 100%
	}

	#sidebar .right-box .list-top-movie-item-info {
		position: absolute;
		margin-left: 150px;
		text-align: left
	}

	.right-box .profile-link {
		display: block
	}

	.right-box .profile-link>.profile-image {
		width: 100%
	}
}

@media screen and (max-width:480px) {
	.right-box .list-top-movie-link {
		display: block
	}

	.right-box .list-top-movie-link .list-top-movie-item-info {
		position: static !important;
		float: none !important;
		margin-left: 110px !important;
		padding: 0 !important;
		width: auto !important
	}
}

#sidebar {
	float: right;
	width: 100%;
}

#main-content {
	float: left;
	width: 100%;
	background-color: #121212
}

#header {
	background: rgba(0, 0, 0, .8);
	z-index: 9999;
	position: relative;
	transition: top .5s ease-in-out;
	left: 0;
	top: 0;
	width: 100%;
	height: 46px
}

@media screen and (max-width:980px) {
	#main-content {
		width: 100%;
		float: none
	}

	#sidebar {
		width: 100%;
		float: none;
		margin: 12px 0
	}
}

div.navigation {
	position: relative;
	text-align: center;
	margin: 12px 0;
	font-size: 17px
}

div.navigation .next,
div.navigation .prev {
	left: -1px
}

div.navigation .next,
div.navigation .prev {
	position: absolute
}

div.navigation a {
	padding: 2px 12px;
	color: #888;
	display: inline-block;
	border-radius: 2px
}

.div.navigation a:hover {
	background-color: #555;
	color: #fff
}

.header-play {
	margin: 0;
	margin-bottom: 10px;
	background-color: #171717;
	padding: 0 10px 10px 10px
}

.header-title {
	margin: 0;
	margin-bottom: 10px;
	padding: 5px 0;
	font-weight: 500;
	font-size: 22px;
	border-bottom: 2px solid #121212;
	line-height: 30px
}

#header .wrap {
	padding: 7px 0 6px 0
}

.wrap {
	width: 950px;
	margin: 0 auto
}

#branding {
	margin-left: 5px;
	float: left
}

.container,
.wrap {
	margin: 0 auto;
	max-width: 100% !important;
	width: 1050px !important
}

.cf {
	zoom: 1
}

#site-title {
	font-weight: 700;
	font-size: 25px;
	line-height: 24px;
	margin: 0;
	font-family: "Open Sans", sans-serif
}

#site-title a {
	color: #fff;
	text-decoration: none
}

.header-logo {
	font-weight: 700;
	padding: 0 25px;
	float: left
}

.menu {
	float: right
}

.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0 30px;
	width: auto
}

.menu li {
	display: inline-block;
	color: #f2f2f2;
	text-align: center;
	padding-top: 5px;
	text-decoration: none;
	transition: .3s;
	font-size: 13px;
	font-weight: 700;
	/*! overflow: hidden; */
}

.menu-search {
	float: left;
	width: 37%;
	margin-left: 50px
}

.menu a {
	padding: 0 7px
}

.menu a:hover {
	color: #c5cae9
}

.searchform {
	position: relative
}

.search-submit-div.btn {
	border-left: 1px solid #d7d7d7;
	width: 50px;
	height: 27px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	padding: 0
}

input.search-text {
	width: calc(100% - 110px)
}

input.search-submit {
	background: url(../images/s1.png) no-repeat 16px 5px;
	width: 50px;
	padding: 0;
	border: 0;
	height: 27px;
	overflow: hidden;
	line-height: 999em;
	display: block;
	color: transparent;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-left: 1px solid #d7d7d7
}

.search-text-div {
	background-color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.clean-button {
	right: 60px;
	background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16'%3E%3Cpath d='M7.5.5C3.36.5 0 3.86 0 8s3.36 7.5 7.5 7.5S15 12.14 15 8 11.64.5 7.5.5zm3.43 9.73l.11.11-.11.11-.99.99-.11.11-.11-.11L7.5 9.2l-2.23 2.23-.11.11-.11-.11-.99-.99-.11-.11.11-.11L6.3 8 4.07 5.77l-.11-.1.11-.11.99-.99.11-.11.11.11L7.5 6.8l2.23-2.23.11-.11.11.11.99.99.11.11-.11.11L8.7 8l2.23 2.23z' fill='%23999'/%3E%3C/svg%3E") no-repeat 7px 6px;
	border: 0;
	height: 27px;
	color: transparent;
	cursor: pointer;
	width: 30px;
	height: 27px;
	position: absolute;
	top: 0
}

.search-text:not(:valid)~.clean-button {
	display: none
}

.btn,
button,
input,
select,
textarea {
	display: inline-block;
	padding: 4px;
	margin: 0;
	outline: 0;
	background-color: #fff;
	border: 1px solid transparent;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.btn,
button,
input,
label,
select,
textarea {
	font: 13px sans-serif;
	line-height: 19px
}

@media only screen and (max-width:980px) {
	#header .wrap {
		padding: 0;
		height: 46px
	}

	#branding {
		margin: 0;
		float: none;
		height: 0
	}

	#site-title {
		padding: 8px;
		text-align: center
	}

	.site-container {
		overflow: hidden
	}

	.site-content {
		position: absolute;
		top: 44px;
		right: 0;
		left: 0;
		bottom: 0;
		padding-top: 0;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch
	}

	.header-icon-new {
		display: block;
		position: absolute;
		z-index: 3;
		top: 0;
		width: 46px;
		height: 46px;
		cursor: pointer;
		-webkit-transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
		transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
		-webkit-tap-highlight-color: transparent
	}

	.header-icon-new-bottom,
	.header-icon-new-top {
		position: absolute;
		top: 7px;
		left: 7px;
		width: 30px;
		height: 30px;
		-webkit-transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
		transition: opacity .2s cubic-bezier(.645, .045, .355, 1)
	}

	.line-top {
		top: 14px;
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px)
	}

	.line-bottom {
		bottom: 14px;
		-webkit-transform: translateY(3px);
		transform: translateY(3px)
	}

	.line {
		display: block;
		width: 17px;
		height: 1px;
		background: #fff;
		position: absolute;
		left: 7px;
		-webkit-transition: -webkit-transform .1596s cubic-bezier(.52, .16, .52, .84) .1008s;
		transition: -webkit-transform .1596s cubic-bezier(.52, .16, .52, .84) .1008s;
		transition: transform .1596s cubic-bezier(.52, .16, .52, .84) .1008s;
		transition: transform .1596s cubic-bezier(.52, .16, .52, .84) .1008s, -webkit-transform .1596s cubic-bezier(.52, .16, .52, .84) .1008s
	}

	.search-sidebar .header-icon-new-top,
	.with-sidebar .header-icon-new-top {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.search-sidebar .header-icon-new-bottom,
	.with-sidebar .header-icon-new-bottom {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.search-sidebar .header-icon-new-bottom,
	.search-sidebar .header-icon-new-top,
	.with-sidebar .header-icon-new-bottom,
	.with-sidebar .header-icon-new-top {
		-webkit-transition: -webkit-transform .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
		transition: -webkit-transform .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
		transition: transform .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
		transition: transform .3192s cubic-bezier(.04, .04, .12, .96) .1008s, -webkit-transform .3192s cubic-bezier(.04, .04, .12, .96) .1008s
	}

	.header-icon-new-bottom,
	.header-icon-new-top,
	.search-sidebar .line,
	.with-sidebar .line {
		-webkit-transition: -webkit-transform .1806s cubic-bezier(.04, .04, .12, .96);
		transition: -webkit-transform .1806s cubic-bezier(.04, .04, .12, .96);
		transition: transform .1806s cubic-bezier(.04, .04, .12, .96);
		transition: transform .1806s cubic-bezier(.04, .04, .12, .96), -webkit-transform .1806s cubic-bezier(.04, .04, .12, .96);
		-webkit-transform: none;
		transform: none
	}

	.menu {
		position: absolute;
		left: 0;
		top: 46px;
		bottom: 50%;
		width: 100%;
		height: 0%;
		background-color: #000
	}

	.with-sidebar .menu {
		height: 270px
	}

	.menu ul {
		height: 0%;
		overflow: hidden
	}

	.menu,
	.menu ul,
	.menu-search,
	.with-sidebar .menu {
		-webkit-transition: background .44s .2s cubic-bezier(.52, .16, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1);
		transition: background .44s .2s cubic-bezier(.52, .16, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1)
	}

	.menu li {
		/*! display: block; */
		font-size: 14px;
		/*! height: 40px; */
		text-align: left;
		line-height: 27px;
		font-weight: 400;
		margin: 5px 5px;
		border-bottom: 1px solid #333
	}

	.menu li:last-child {
		border-bottom: none
	}

	.with-sidebar .menu ul {
		height: 270px;
		-webkit-transition-delay: .2s, .2s;
		transition-delay: .2s, .2s
	}

	.search-sidebar,
	.with-sidebar {
		position: relative;
		overflow: hidden
	}

	.searchform-div {
		padding: 5px 5px 5px 0;
		margin: 0 30px;
		border-bottom: 1px solid #fff
	}

	.search-text-div {
		background-color: #121212
	}

	.search-sidebar .menu-search {
		z-index: -1;
		height: 60px;
		display: block
	}

	.menu-search {
		height: 0%;
		width: 100%;
		overflow: hidden;
		margin: 0;
		background-color: #121212;
		top: 46px
	}

	.search-icon {
		text-transform: none;
		display: block;
		float: right;
		width: 46px;
		height: 46px;
		font-size: 24px;
		cursor: pointer;
		-webkit-transition: opacity .7s ease-in-out;
		-moz-transition: opacity .7s ease-in-out;
		-o-transition: opacity .7s ease-in-out;
		transition: opacity .7s ease-in-out
	}

	.search-icon:after,
	input.search-submit {
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='22px' height='48px' viewBox='0 0 22 48' enable-background='new 0 0 22 48' xml:space='preserve'%3E%3Cpath id='Search' fill='%23FFFFFF' d='M20,33.293l-5.716-5.716C15.35,26.349,16,24.75,16,23c0-3.859-3.141-7-7-7s-7,3.141-7,7 s3.141,7,7,7c1.75,0,3.349-0.65,4.577-1.716L19.293,34L20,33.293z M9,29c-3.314,0-6-2.685-6-6c0-3.313,2.686-6,6-6s6,2.687,6,6 C15,26.315,12.314,29,9,29z'/%3E%3C/svg%3E%0A")
	}

	.search-icon:after {
		background-repeat: no-repeat;
		background-position: center center;
		content: '';
		display: block;
		width: 46px;
		height: 46px
	}

	.search-sidebar .search-icon,
	.with-sidebar .search-icon {
		opacity: 0;
		visibility: hidden
	}

	.menu a {
		padding: 0
	}

	.btn,
	button,
	input,
	select,
	textarea {
		color: #fff;
		font-size: 14px;
		background-color: #121212;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding-left: 0
	}

	input.search-submit {
		background-repeat: no-repeat;
		background-position: 17px -11px
	}
}

.copyright {
	margin-top: 20px;
	padding: 10px;
	background-color: #171717
}

.copyright-top {
	border-bottom: 1px solid #121212;
	padding-bottom: 5px;
	margin-bottom: 6px
}

.tag-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.entry-content ul.tag-list>li:nth-child(1) a:link {
	color: #46e1ff
}

.entry-content ul.tag-list>li:nth-child(1) a:hover {
	color: #dacb46
}

.block-tags,
.tag-item,
.tag-list {
	display: inline-block
}

.tag-list .tag-item:after {
	content: ",\00a0"
}

.player {
	background-color: #171717;
	padding: 0 10px
}

.block-movie-content {
	padding-top: 12px
}

.block-movie-content a:link {
	color: #46e1ff
}

.block-movie-content a:hover {
	color: #dacb46
}

.thumb {
	text-align: center;
	vertical-align: middle;
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 20px;
	padding-top: 10px
}

.page-numbers {
	background-color: #2e2e2e;
	margin: 0 2px
}

.more-list-index:after {
	content: '';
	display: inline-block;
	width: 27px;
	height: 15px
}

.header-list-index .chevron-right {
	stroke: #dabc46
}

a.more-list-index {
	color: #dacb46
}

.currentpage {
	color: #fff;
	background-color: #171717;
	margin: 0 2px
}

.ribbon {
	position: absolute;
	color: #fff;
	background: #a21d0a;
	font-size: 10px;
	font-weight: 700;
	float: right;
	clear: both;
	padding: 0 4px;
	border-radius: 3px;
	text-shadow: 1px 1px 2px #111;
	right: 2px;
	top: 2px;
	white-space: nowrap;
	display: inline-block;
	-webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .75);
	-moz-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .75);
	box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .75)
}

.list_carousel {
	width: 100%;
	position: relative
}

.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block
}

.list_carousel li {
	color: #999;
	display: block;
	float: left;
	margin-right: 22px
}

.list_carousel.responsive {
	width: auto;
	margin-left: 0
}

.list_carousel .m-block {
	width: 209px;
	height: 351px
}

.list_carousel .next,
.list_carousel .prev {
	top: 52px;
	position: absolute;
	padding: 30px 10px;
	background: rgba(0, 0, 0, .6)
}

.list_carousel .next {
	right: 0
}

.list_carousel .next:hover,
.list_carousel .prev:hover {
	background: rgba(0, 0, 0, .9);
	outline: 0;
	cursor: pointer
}

.list_carousel .next .arrow-icon.right,
.list_carousel .prev .arrow-icon.left {
	width: 16px;
	display: block
}

.arrow-icon.right:after,
.more-list-index:after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") center center no-repeat
}

.arrow-icon.right:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.arrow-icon.left:after {
	background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") center center no-repeat;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.row {
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
	clear: both
}

.movie-carousel-top-item {
	width: 250px;
	height: 180px;
	position: relative
}

.movie-carousel-top-item img {
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle
}

.movie-carousel-top-item-meta {
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	padding: 0 3px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.row .header-list-index {
	overflow: hidden;
	white-space: nowrap;
	font-family: "Open Sans", "segoe ui", Helvetica, Arial, sans-serif;
	margin: 0 0 0 6px;
	text-transform: uppercase;
	color: #fff;
	font-size: 22px;
	font-weight: 300
}

.movie-carousel-top-item img:hover {
	opacity: .7;
	width: 100%
}

.movie-carousel-top-item:hover .movie-name-1 {
	color: #dacb46
}

#movie-carousel-top li {
	margin-right: 17px
}

.movie-name-1 {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	color: #ff8040;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	margin: 5px 0
}

.hidden {
	display: none !important;
	visibility: hidden !important
}

.caroufredsel_wrapper {
	width: 100% !important
}

.list_carousel-mid ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block
}

.list_carousel-mid li {
	color: #999;
	display: block;
	float: left
}

.list_carousel-mid {
	width: 100%;
	position: relative
}

.row.mid-movie {
	background-color: #171717
}

.mid-movie-list {
	margin: 0 4px
}

.movie-carousel-mid-item-meta .movie-name-1 {
	color: #fff;
	font-weight: 400;
	font-size: 14px
}

.list_carousel-mid .next,
.list_carousel-mid .prev {
	top: -30px;
	position: absolute;
	padding: 13px 8px;
	background: #252525;
	border-radius: 2px
}

.list_carousel-mid .prev {
	right: 45px
}

.list_carousel-mid .next {
	right: 5px
}

.list_carousel-mid .next:hover,
.list_carousel-mid .prev:hover {
	background: rgba(0, 0, 0, .9);
	outline: 0;
	cursor: pointer
}

.list_carousel-mid .prev .arrow-icon.left {
	width: 10px;
	display: block
}

.list_carousel-mid .next .arrow-icon.right {
	width: 10px;
	display: block
}

.movie-carousel-mid-item {
	height: 100%;
	position: relative;
	margin: 6px
}

.movie-carousel-mid-item img {
	width: 100%;
	height: 80%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle
}

.movie-carousel-mid-item-meta {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	font-weight: 700;
	text-decoration: none
}

@media screen and (max-width:380px) {
	.movie-carousel-mid-item img {
		width: 100%;
		max-height: 75%
	}
}

.right-box-tag {
	margin-top: 20px;
	background-color: #171717
}

.right-box-tag.tag-box {
	position: relative;
	margin: 0 14px;
	padding: 0;
	color: #fff;
	font-size: 11px
}

.right-box-tag.tag-header {
	overflow: hidden;
	white-space: nowrap;
	padding: 0 10px;
	margin: 0;
	color: #dacb46;
	font-family: "Open Sans", "segoe ui", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 300
}

.tag-box .tag-item {
	margin: 4px 10px
}

.right-box-tag ul li a {
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 1em;
	background-color: #252525;
	border-radius: 0 3px 3px 0;
	color: #fff;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s
}

.right-box-tag ul li a:hover {
	background: rgba(0, 0, 0, .9)
}

.right-box-tag ul li a::before {
	position: absolute;
	top: 0;
	left: -15px;
	content: '';
	width: 0;
	height: 0;
	border-color: transparent #252525 transparent transparent;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	-webkit-transition: .2s;
	transition: .2s
}

.right-box-tag ul li a::after {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background-color: #fff;
	border-radius: 100%
}

.right-box-tag ul li a:hover {
	background-color: #555;
	color: #fff
}

.right-box-tag ul li a:hover::before {
	border-right-color: #555
}

#tabs-movie {
	background: #171717;
	color: #b9b9b9;
	overflow: hidden
}

.tabs-movie-block li {
	float: left;
	text-align: center;
	outline: 0;
	width: 33.333333333%;
	font-size: 14px
}

#tabs-movie .tabs-movie-block {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block
}

#tabs-movie .tabs-movie-block .active {
	background: #171717;
	color: #46e1ff !important
}

#tabs-movie .tabs-movie-block a {
	padding: 5px 0;
	display: block
}

#effect {
	position: fixed;
	text-align: center;
	background: rgba(0, 0, 0, .6);
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

#loading-wait {
	font-size: medium;
	position: fixed;
	padding: 20px 0;
	z-index: 1000;
	top: 50%;
	left: 30%;
	width: 40%;
	background: rgba(255, 255, 255, 1)
}

@media screen and (max-width:640px) {
	#loading-wait {
		width: 90%;
		left: 5%
	}
}

.user-action {
	display: block;
	padding-top: 10px
}

.icon-dl:hover,
.icon-zoom:hover,
.quality:hover,
.server:hover {
	background-color: #555;
	color: #fff
}

.icon-dl,
.icon-view,
.icon-zoom,
.server {
	cursor: pointer;
	font-size: 13px;
	padding: 4px 10px;
	margin-right: 7px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #252525
}

.icon-view.active {
	margin-right: 0;
	float: right
}

.server.active {
	color: #121212;
	pointer-events: none;
	cursor: default;
	background-color: rgba(255, 255, 255, .7)
}

.openload {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%
}

.openloadvideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media screen and (max-width:980px) {
	.icon-zoom {
		display: none
	}
}

#show-dl {
	text-align: center;
	margin-top: 10px;
	display: none
}

.quality {
	background: #252525;
	padding: 2px 5px;
	font-size: 20px;
	font-weight: 500;
	cursor: pointer;
	opacity: .8;
	margin: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px
}

.fx-device-toutch .top-movie-list .caroufredsel_wrapper,
.fx-device-toutch.fx-device-small .top-movie-list .list_carousel {
	overflow-x: auto !important;
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: touch
}

#movie-carousel-top,
.fx-device-toutch.fx-device-small .top-movie-list,
.top-movie-list .caroufredsel_wrapper {
	white-space: nowrap
}

#movie-carousel-top li {
	display: inline-block !important;
	float: none !important
}

.fx-device-toutch.fx-device-small #movie-carousel-top li {
	float: none !important
}

.fx-device-toutch.fx-device-small #nextTop,
.fx-device-toutch.fx-device-small #prevTop {
	display: none
}

.fx-device-toutch.fx-device-small .top-movie-list .list_carousel {
	position: static !important
}

.load-more,
.load-rand {
	color: #46e1ff;
	cursor: pointer;
	font-size: 13px;
	width: 72px;
	padding: 4px 10px;
	margin: 10px auto;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #252525;
	text-align: center
}

.load-more.load,
.load-more.load:hover,
.load-rand.load,
.load-rand.load:hover {
	padding: 0;
	background: 0 0
}

.load-more:hover,
.load-rand:hover {
	color: #dacb46;
	background-color: #555
}

.movie-ads-center {
	margin: 0 10px 10px 10px;
	-webkit-box-shadow: 0 0 7px 1px #ccc;
	-moz-box-shadow: 0 0 7px 1px #ccc;
	box-shadow: 0 0 7px 1px #ccc;
	overflow: hidden;
	max-height: 50px
}

.movie-ads-top {
	display: inline-block
}

.movie-ads-top iframe {
	width: 100%
}

#close-ads-btn {
	min-width: 45px;
	height: 22px;
	padding: 2px;
	line-height: 22px;
	border-radius: 3px;
	background: #252525;
	cursor: pointer;
	position: relative;
	float: right;
	top: 11px;
	right: 2px
}

.movie-index-ads {
	text-align: center;
	background-color: #171717;
	padding-bottom: 10px
}

.note {
	margin-top: 7px;
	padding: 5px;
	background-color: #252525;
	line-height: 1.5em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.tabs-movie-ads {
	padding: 10px 0 10px 10px
}

.movie-ads {
	margin-top: 15px;
	text-align: center
}

.movie-ads-content {
	display: inline-flex;
	-webkit-box-shadow: 0 0 7px 1px #ccc;
	-moz-box-shadow: 0 0 7px 1px #ccc;
	box-shadow: 0 0 7px 1px #ccc
}

.entry-content-ads,
.entry-footer-ads {
	text-align: center;
	margin-bottom: 10px;
	background-color: #171717;
	padding: 10px
}

.entry-footer-ads {
	margin-top: 10px
}

#video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	background: url(../fonts/cf841a33609a49a6a97565691c17eb85.woff);
	background-size: contain;
	background-repeat: no-repeat
}

.jw-error {
	height: 100px !important
}
@media screen and (max-width:768px) {
	.m1938pc {
	display: none;
}
}
@media screen and (min-width:769px) { 
.m1938wep {
	display: none;
}
}