/*  
Theme Name: TheShotFilm
Theme URI: http://www.shotfilm.net/
Description: The Shot Film
Version: 1.0
Author: Abasi.Org
Author URI: http://www.abasi.org/
*/

@font-face {font-family: Yekan; font-style: normal; font-weight: bold; src: url('fonts/iranyekanwebbold.eot'); src: url('fonts/iranyekanwebbold.eot?#iefix') format('embedded-opentype'), url('fonts/iranyekanwebbold.woff2') format('woff2'), url('fonts/iranyekanwebbold.woff') format('woff'), url('fonts/iranyekanwebbold.ttf') format('truetype');}
@font-face {font-family: Yekan; font-style: normal; font-weight: normal; src: url('fonts/iranyekanwebregular.eot'); src: url('fonts/iranyekanwebregular.eot?#iefix') format('embedded-opentype'), url('fonts/iranyekanwebregular.woff2') format('woff2'), url('fonts/iranyekanwebregular.woff') format('woff'), url('fonts/iranyekanwebregular.ttf') format('truetype');}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?103see');
  src:  url('fonts/icomoon.eot?103see#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?103see') format('truetype'),
    url('fonts/icomoon.woff?103see') format('woff'),
    url('fonts/icomoon.svg?103see#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-camera:before {content: "\e90b";}
.icon-chevron-right:before {content: "\e900";}
.icon-chevrons-down:before {content: "\e90a";}
.icon-download:before {content: "\e909";}
.icon-film:before {content: "\e902";}
.icon-instagram:before {content: "\e904";}
.icon-mail:before {content: "\e905";}
.icon-menu:before {content: "\e901";}
.icon-rss:before {content: "\e906";}
.icon-send:before {content: "\e907";}
.icon-tv:before {content: "\e903";}
.icon-twitter:before {content: "\e908";}
.icon-lifebuoy:before {content: "\e941";}
.icon-clock:before {content: "\e94e";}
.icon-drawer:before {content: "\e95c";}
.icon-bubbles2:before {content: "\e96d";}
.icon-search:before {content: "\e986";}
.icon-eye:before {content: "\e9ce";}
.icon-star-full:before {content: "\e9d9";}
.icon-heart:before {content: "\e9da";}
.icon-share:before {content: "\ea7d";}

html, body {background-color: #f8f8f8; color: #000; direction: rtl; font: 12px Yekan; margin: 0; padding: 0;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
p, h1, h2, h3, h4, h5, ul {margin: 0; padding: 0;}
input, textarea, button {font: 12px Yekan; padding: 5px 5px; border: 1px solid #d8d8d8; border-radius: 4px;}
	input:focus, textarea:focus {border: 1px solid #07A4DF;}
select {font: 12px Yekan; border-radius: 10px; border: 1px solid rgba(0,0,0,0.12); background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 9px 10px 9px 28px; background-image: url('images/select-arrow.png'); background-repeat: no-repeat; background-position: 10px center;}
ul {list-style: none outside none; margin: 0; padding: 0;}
	ul li {display: inline;}
a {color: #434854; text-decoration: none;}
.nowrap {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.hide{display: none;}

.s0 *{font-size: 10px !important;}
.s1 *{font-size: 12px !important;}
.s2 *{font-size: 14px !important;}
.s3 *{font-size: 16px !important;}
.s4 *{font-size: 18px !important;}
.s5 *{font-size: 20px !important;}

.btn {display: inline-block; padding: 10px 15px; border-radius: 2px; transition: all 0.2s; cursor: pointer;}
	.btn.gray {background-color: #e5e5e5;}
	.btn.red {background-color: #FF396E; color: #fff;}
	.btn.blue {background-color: #32b4e9; color: #fff;}
	.btn.green {background-color: #8cc812; color: #fff;}
		.btn:hover {box-shadow: 0 0 0 50px rgba(0,0,0,0.1) inset;}
	.btn.w100{display: block; margin-top: 15px; width: 100%;}

.abasi_org {	position: relative; max-width: 1100px; width: 100%; margin: 0 auto;}
.fr {float: right;}
.fl {float: left;}
.clr {clear: both}

.ads {text-align: center; padding-bottom: 30px;}

header {background-color: #fff; box-shadow: 0 0 10px 5px rgba(0,0,0,0.01);}
	header .top {padding: 25px 0;}
		header .top > .fr {}
			header .top > .fr a{display: inline-block;}
			header .top > .fr img {height: 55px;}
			header .top > .fr div.fr {margin: 11px 13px 0 0;}
				header .top > .fr div.fr .t1 {font-size: 19px; color: #424242;}
				header .top > .fr div.fr .shoar {font-weight: normal; font-size: 12px; color: #5e5e5e;}
		header .top .search {margin: 13px 0 0 0;}
			header .top .search form {background-color: #f6f6f6; position: relative; width: 300px; border-radius: 5px;}
				header .top .search form input[type='text'] {border: none; background-color: transparent; width: 100%; padding: 13px 15px 13px 53px;}
				header .top .search form button {position: absolute; left: 0; top: 0; bottom: 0; border: none; background-color: transparent; padding: 0; width: 50px; cursor: pointer; color: #868686;}
					header .top .search form button:hover {color: #000;}
				header .top .search form .stat {position: absolute; font-size: 10px; font-style: italic; color: #c0c0c0; padding-top: 4px; left: 0;}
					header .top .search form .stat span {display: inline-block; padding-right: 10px;}
	header .top-menu {font-size: 0; border-top: 1px solid #f1f1f1; margin-top: 10px;}
		header .top-menu a {font-size: 12px; display: inline-block; padding: 15px; transition: all 0.2s;}
			header .top-menu a:hover {color: #04a5dd;}

article {padding: 50px 0;}
	article .right {width: 750px;}
	article .left {width: 320px;}

.post {background-color: #fff; border-radius: 8px; padding: 15px; margin-bottom: 30px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.04);}
	.post > .top {margin-bottom: 20px;}
		.post > .top > .fr {width: 220px;}
			.post > .top > .fr .poster {font-size: 0; border-radius: 10px; overflow: hidden;}
				.post > .top > .fr .poster a {display: inline-block;}
					.post > .top > .fr .poster a img {width: 100%; transition: all 0.2s;}
						.post > .top > .fr .poster a:hover img {transform: scale(1.2);}
		.post > .top .fl {width: 480px; color: #424242;}
			.post > .top .fl .post-title {color: #07a4df; font-size:20px; font-weight: normal; padding-bottom: 15px;}
				.post > .top .fl .post-title a {color: #07a4df;}
			.post > .top .fl .item {margin-bottom: 10px;}
				.post > .top .fl .item a {color: #000; transition: all 0.2s;}
					.post > .top .fl .item a:hover {color: #077fff;}
				.post > .top .fl .item .imdb {background-color: #00619d; font-size: 10px; padding: 2px 3px 0 3px; border-radius: 3px; margin-left: 3px; color: #fff;}
					.post > .top .fl .item .imdb:hover {color: #424242;}
				.post > .top .fl .item.top_imdb {background-color: gold; padding: 10px; border-radius: 3px;}
					.post > .top .fl .item.top_imdb a {color: #443a08;}
						.post > .top .fl .item.top_imdb a i {margin: 2px 0 0 5px; font-size: 14px; color: #a28800;}
						.post > .top .fl .item.top_imdb a:hover {color: #000;}
						.post > .top .fl .item.top_imdb a strong {background-color: #000; transition: all 0.2s; color: #ffe764; padding: 2px 5px 0 5px; border-radius: 2px; margin: 0 2px;}
							.post > .top .fl .item.top_imdb a:hover strong {background-color: #fff; color: #000;}
	.post .bottom {}
		.post .bottom .plot {color: #424242; line-height: 25px; margin-bottom: 15px;}
		.post .bottom .f {border-top: 1px solid #eee; padding-top: 20px;}
			.post .bottom .f > .fr {}
				.post .bottom .f > .fr .item {display: inline-block; color: #8a8a8a; margin: 0 0 0 20px; font-size: 11px;}
					.post .bottom .f > .fr .item i {margin: 2px 0 0 5px;}
						.post .bottom .f > .fr .item i.icon-drawer {margin-top: 0;}
						.post .bottom .f > .fr .item a:hover {color: #07a4df;}
			.post .bottom .f > .fl {margin: -10px 0 0 0;}
				.post .bottom .f .fl .more {background-color: #07A4DF; color: #fff; display: inline-block; padding: 10px 15px;}
					.post .bottom .f .fl .more i {font-size: 14px; margin: 1px 0 0 10px;}
					.post .bottom .f .fl .more:hover {background-color: #19b5f0;}
	.post.top250{position: relative;}
		.post.top250 .num {position: absolute; left: 0; top: 0; background-color: #f9a203; color: #fff; padding: 5px 10px; border-radius: 10px 0 0; font-size: 14px; font-weight: bold;}
		.post.top250 > .top{margin: 0;}
			.post.top250 > .top > .fr {width: 100px;}
			.post.top250 > .top .fl {width: 605px;}

.request-btn {background-image: url('images/request.jpg'); background-size: 100% auto; background-color: #30a7e9; height: 40px; background-repeat: no-repeat; background-position: center; color: #fff; display: block; margin-bottom: 25px; border-radius: 5px; cursor: pointer; padding: 12px 10px 0 0; font-weight: bold; box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); transition: all 0.2s;}
	.request-btn i {margin: -1px 0 0 5px; font-size: 17px;}
	.request-btn:hover {box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);}
.block {background-color: #fff; box-shadow: 0 0 5px 2px rgba(0,0,0,0.04); padding: 15px; border-radius: 8px; margin-bottom: 25px;}
	.block .h {font-size: 13px; color: #424242; padding: 5px 0 10px 0; border-bottom: 1px solid #eee;}
		.block .h i {margin: 0 0 0 8px; font-size: 17px; color: #07a4df;}
	.block .tab {display: table; width: 100%; margin: 10px 0;}
		.block .tab span {display: table-cell; text-align: center; padding: 5px 0; color: #868686; font-size: 11px; cursor: pointer; width: 1%;}
			.block .tab span:hover {color: #424242;}
			.block .tab span.sel {background-color: #07a4df; color: #fff; border-radius: 10px;}
	.block .cat-list {font-size: 0;}
		.block .cat-list .item {width: 100%; text-align: center; display: inline-block; padding: 3px;}
			.block .cat-list .item a {font-size: 11px; border: 1px solid #eee; display: block; border-radius: 2px; padding: 5px; color: #545454;}
				.block .cat-list .item a:hover {border: 1px solid #d2d2d2;}
	.block .update-seri {} 
		.block .update-seri .item {}
			.block .update-seri .item a {display: block; margin-bottom: 10px; position: relative;}
				.block .update-seri .item a .poster {max-height: 100px; overflow: hidden; border-radius: 10px;}
					.block .update-seri .item a .poster img {width: 100%; transition: all 0.2s; display: inline-block; margin-top: -40%;}
						.block .update-seri .item a:hover .poster img {transform: scale(1.1);}
				.block .update-seri .item a .caption {position: absolute; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.6); color: rgba(255,255,255,0.7); padding: 2px 5px 4px 5px; font-size: 11px; transition: all 0.2s; border-radius: 0 0 10px 10px;}
					.block .update-seri .item a .caption span {}
						.block .update-seri .item a .caption span.fr {max-width: 75%;}
						.block .update-seri .item a .caption span.fl {max-width: 35%; padding-right: 10px; direction: ltr;}
					.block .update-seri .item a:hover .caption {color: #fff; background-color: rgba(0,0,0,0.9);}

.social {text-align: center; font-size: 0;}
	.social a {display: inline-block; background-color: #ffff; height: 35px; width: 35px; margin: 5px; border-radius: 5px; box-shadow: 0 0 0 1px rgba(0,0,0,0.07); padding: 8px 0 0 0; color: #949494;}
		.social a i {font-size: 20px;}
		.social a:hover {color: #07a4df;}

footer {overflow: hidden; padding-top: 110px;}
	footer .h {background-color: #404040; border-radius: 100% 100% 0 0; padding-top: 1px; width: 200%; margin: 0 auto; position: relative; right: -50%;}
		footer .h .content {margin-top: -100px;}
			footer .h .content .last-movie {text-align: center; font-size: 0;}
				footer .h .content .last-movie .item {display: inline-block; padding: 5px;}
					footer .h .content .last-movie .item a {background-color: rgba(255,255,255,0.9); padding: 7px; display: inline-block; border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); overflow: hidden;}
						footer .h .content .last-movie .item a:hover {background-color: #fff;}
						footer .h .content .last-movie .item a img {width: 100px; transition: all 0.2s; border-radius: 5px;}
							footer .h .content .last-movie .item a:hover img {transform: scale(1.05);}
			footer .h .content .copy_right {text-align: center; padding: 50px 0 20px 0; color: rgba(255,255,255,0.3); font-size: 10px;}
				footer .h .content .copy_right a {color: rgba(255,255,255,0.3);}
				footer .h .content .copy_right .links {border-bottom: 1px solid rgba(255,255,255,0.1); display: inline-block; padding: 0 10px 10px 10px; margin-bottom: 10px;}
					footer .h .content .copy_right .links a {color: rgba(255,255,255,0.8); display: inline-block; border-left: 1px solid rgba(255,255,255,0.1); padding: 0 15px;}
						footer .h .content .copy_right .links li:last-child a {border-left: none; padding-left: 0; margin-left: 0;}
					footer .h .content .copy_right a:hover {color: #46ccff;}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
	.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:-28px; z-index: 1; position: relative;}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

.top-slider {margin-top: 40px;}
	.top-slider .ims {}
		.top-slider .ims a {padding: 10px; display: inline-block;}
			.top-slider .ims a img {border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); transition: all 0.2s;}
				.top-slider .ims a:hover img {transform: scale(1.02);}
			.top-slider .ims a .t1 {text-align: center; padding: 10px 0 5px 0; font-weight: bold;}
			.top-slider .ims a .rate {text-align: center; color: #9f9f9f; transition: all 0.2s;}
				.top-slider .ims a .rate i {color: #fb5f43; margin-right: 3px;}
				.top-slider .ims a:hover .t1, .top-slider .ims a:hover .rate {color: #000;}
			.top-slider .ims a .icon-download {position: absolute; font-size: 30px; color: #fff; z-index: 1; left: 71px; top: -40px; transition: all 0.2s; opacity: 0; text-shadow: 0 0 7px rgba(0,0,0,0.5);}
				.top-slider .ims a:hover .icon-download {top: 14px; opacity: 1;}

.page-numbers {margin-bottom:10px; text-align:center; direction:ltr}
	.page-numbers a {color:#768290; padding:2px 7px}
	.page-numbers .current {background-color:#07a4df; color:#fff; display:inline-block; padding:2px 7px}
	.page-numbers li:last-child a {float:right}
	.page-numbers li:first-child a {float:left}
	.page-numbers li:first-child a,
	.page-numbers li:last-child a {background-color:#dfdfdf; color:#7b828a; display:inline-block; padding:2px 0; text-align:center; width:30px;}

.tags {color: #b3b3b3; line-height: 20px; text-align: justify; padding: 0 10px 25px 10px;}
	.tags a {color: #b3b3b3;}
		.tags a:hover {color: #07a4df;}
		.tags i {margin: 5px 0 0 5px;}

.help {background-color: #FDF1C7; border-radius: 10px 0 10px 10px; margin-bottom: 30px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.04); color: #7A6827; border: 1px solid rgba(0,0,0,0.03);}
	.help .h {}
		.help .h .in {background-color: #d8bd5e; display: inline-block; padding: 5px 10px; border-radius: 0 0 0 5px; color: #fff;}
			.help .h .in i {margin: 1px 0 0 5px;}
	.help .c {padding: 15px;}

.description {margin-bottom: 30px; background-color: #f7e0b5; padding: 15px; border-radius: 10px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.04); border: 1px solid rgba(0,0,0,0.03); color: #846428;}

.abasi_dlbox{padding-bottom:15px;font-size:13px;}
	.abasi_dlbox .caption{margin-bottom:2px;}
		.abasi_dlbox .caption .title{cursor:pointer; background-color:#363636; padding:12px 15px;color:#fff;}
			.abasi_dlbox .caption .title.dub{background-color: #d71920;}
			.abasi_dlbox .caption .title .cap{display:inline-block;margin-left:15px;}
			.abasi_dlbox .caption .title .cap span{color:#f8e69f;padding-right:5px;}
			.abasi_dlbox .caption .title:hover{background-color:#1E1E1E;}
			.abasi_dlbox .caption .title .icon-chevrons-down {float: left; margin: -5px 0 0 0; transition: all 0.3s; background-color: #07a4df; border-radius: 50%; padding: 5px; font-size: 18px;}
			.abasi_dlbox .caption .title.sel .icon-chevrons-down{transform:rotate(180deg);}
		.abasi_dlbox .caption .cntnt{display:none; background-color:#646464; border-top:1px solid #181818;padding:10px 15px 15px 15px;}
			.abasi_dlbox .caption .cntnt.serial{text-align:center;}
			    .abasi_dlbox .caption .cntnt.serial .notify {margin-top: 15px; background-color: #f8e69f;}
				.abasi_dlbox .caption .cntnt.serial a{margin:5px 0;display:inline-block;background-color:#fff;padding:7px 20px;border-radius:2px;}
					.abasi_dlbox .caption .cntnt.serial a i{float:right;margin:2px 0 0 5px;font-size:15px;}
					.abasi_dlbox .caption .cntnt.serial a:hover{background-color:#e9e9e9;}
			.abasi_dlbox .caption .cntnt.film{}
				.abasi_dlbox .caption .cntnt.film .link{border-bottom:2px dashed rgba(255,255,255,0.2); padding:10px 0 15px 0;}
					.abasi_dlbox .caption .cntnt.film .link:last-child{border-bottom:none;padding-bottom:5px;}
					.abasi_dlbox .caption .cntnt.film .link .top{padding-bottom: 3px;}
						.abasi_dlbox .caption .cntnt.film .link .top .ti{display:inline-block; margin-left:15px; color: #fff;}
					.abasi_dlbox .caption .cntnt.film .link .bottom{}
						.abasi_dlbox .caption .cntnt.film .link .bottom a{display:inline-block;background-color:#fff;padding:5px 20px;margin:5px 0 0 10px;}
							.abasi_dlbox .caption .cntnt.film .link .bottom a i{float:right;margin:2px 0 0 5px;font-size:15px;}
							.abasi_dlbox .caption .cntnt.film .link .bottom a:hover {background-color: #07a4df; color: #fff;}

.comments {background-color: #fff; border-radius: 10px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.04); margin-bottom: 30px;}
	.comments > .h {background-color: #686868; border-radius: 10px 10px 0 0; padding: 13px; text-shadow: -1px 1px 0 rgba(0,0,0,0.1); color: #fff;}
		.comments > .h i {font-size: 17px; margin: 0 0 0 5px;}
		.comments > .h h2 {font-size: 14px;}
		.comments > .h .total {margin: -19px 0 0 0;}
	.comments .form {padding: 15px;}
		.comments .form h2 {color: #424242; margin-bottom: 10px;}
		.comments .form .input {margin-bottom: 10px;}
			.comments .form .input input {padding: 12px 10px; width: 100%; max-width: 300px;}
			.comments .form .input textarea {width: 100%; padding: 12px 10px; min-height: 100px;}
		.comments .form button {border: none; background-color: #07a4df; color: #fff; padding: 10px 15px; width: 100%; max-width: 200px; margin: 0 auto 0 0; display: block; cursor: pointer;}
			.comments .form button i {font-size: 10px; padding-left: 5px;}
			.comments .form button:hover {background-color: #0696cc;}
	.comments .comment{display:flex;padding:10px 15px;}
		.comments .comment .avatar{margin-left:10px;display:flex;align-items:center;justify-content:center;}
			.comments .comment .avatar img{width:60px;height:60px;border:3px solid #e9e9e9;background-color:#f8f8f8;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
		.comments .comment .content{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:100%;}
			.comments .comment .content .h{display:block;font-size:12px;}
				.comments .comment .content .h span{display:flex; font-size:11px; color: #808080;}
			.comments .comment .content .detail{background-color:#f8f8f8;padding:10px 15px;display:flex;flex-direction:column;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
				.comments .comment .content .detail .replay {background-color: #ffffff; padding: 0 8px; border-radius: 3px; height: 20px; line-height: 17px; transition: all .3s ease-in-out; margin-top: 10px; width: 80px; text-align: center;}
					.comments .comment .content .detail .replay:hover{background-color:#6b6b6b; color:#fff;}
				.comments li li .comment .content .detail{background-color:#e3f3da; color:#216100;}

.page {padding: 15px; background-color: #fff; margin-bottom: 30px; border-radius: 10px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.04);}
	.page .h {margin-bottom: 15px; border-bottom: 1px solid #efefef; padding-bottom: 10px;}
		.page .h h1 {color: #07a4df;}
	.page .content {color: #424242;}
		.page .content p {margin: 10px 0;}

.box-office {margin-bottom: 25px;}
	.box-office .h {background-color: #ffde2c; padding: 15px 15px 15px 10px; border-radius: 10px 10px 0 0; position: relative; overflow: hidden; font-size: 13px;}
		.box-office .h i {position: absolute; font-size: 60px; left: -10px; top: -8px; opacity: 0.08; transform: rotate(10deg);}
	.box-office .list {direction: ltr;}
		.box-office .list .item {display: table; width: 100%; cursor: pointer; background-size: 100% auto; background-position: center center; transition: all 0.2s;}
			.box-office .list .item .num {display: table-cell; transition: all 0.2s; color: #d3b388; font-size: 30px; vertical-align: middle; text-align: center; background-color: rgba(0,0,0,0.8); width: 50px;}
				.box-office .list .item:hover .num {color: #fff;}
			.box-office .list .item .text {display: table-cell; vertical-align: middle; background-color: rgba(0,0,0,0.8); padding: 10px 8px 10px 0;}
				.box-office .list .item .text .title {color: rgba(255,255,255,0.9); font-size: 20px; transition: all 0.2s;}
				.box-office .list .item .text .price {color: rgba(255,255,255,0.7); font-size: 15px; transition: all 0.2s;}
					.box-office .list .item:hover .title, .box-office .list .item:hover .price {color: #fff; padding-left: 5px;}
			.box-office .list .item:hover {background-size: 120% auto;}

.search-box {margin-bottom: 30px;}
	.search-box .h {padding-bottom: 10px; color: rgba(0,0,0,0.5); font-style: italic;}
		.search-box .h i {margin: 1px 0 0 5px;}
	.search-box .content{background-color: #fff; border-radius: 8px; padding: 10px 5px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.04);}
		.search-box .content .list {font-size: 0;}
			.search-box .content .list .item {display: inline-block; width: 25%; padding: 10px;}
				.search-box .content .list .item select {width: 100%;}
		.search-box .content input[type='submit'] {border: none; padding: 13px 30px; display: block; margin: 5px auto 5px 10px; background-color: #87c400; color: #fff; border-radius: 5px; cursor: pointer; transition: all 0.2s;}
			.search-box .content input[type="submit"]:hover {background-color: #7bb300;}

.res_pop::before{z-index: 10000; position: fixed; left: 20px; top: 50px; background-color: red; color: #fff; content: "none"; display: inline-block; padding: 10px;}
@media (max-width:1090px){
	.res_pop::before{content: "1090"}
	.abasi_org {padding-right: 15px; padding-left: 15px;}
	article .right {width: 700px;}
	article .left {width: 280px;}
	.post > .top > .fr {width: 170px;}
	.post.top250 > .top .fl {width: 560px;}
}
@media (max-width:1024px){
	.res_pop::before{content: "1024"}
	article .right, article .left {float: unset; width: auto;}
	.post > .top .fl {float: right; padding-right: 15px; width: 570px;}
}
@media (max-width:800px){
	.res_pop::before{content: "800"}
	header .top > .fr {float: unset; text-align: center;}
	header .top .search {float: unset;}
		header .top .search form {width: 100%;}
	.post > .top > .fr {float: unset; margin: 0 auto 15px auto;}
	.post > .top .fl {float: unset; padding: 0; width: auto !important;}
	.post > .top .fl .post-title {text-align: center;}
	.post .bottom .f > .fr {float: unset;}
	.post .bottom .f > .fl {float: unset; margin: 15px 0 0 0;}
	.post .bottom .f .fl .more {display: block; text-align: center;}
	footer {padding-top: 0; overflow: unset;}
		footer .h {position: relative; right: unset; width: auto; border-radius: 0;}
			footer .h .content {margin: 0;}
				footer .h .content .last-movie {display: none;}
				footer .h .content .copy_right {padding: 0 0 15px 0;}
				footer .h .content .copy_right .links {display: none;}
}
@media (max-width:360px){
	.res_pop::before{content: "360"}
}
@media (max-width:320px){
	.res_pop::before{content: "320"}
}
.bistscript-bg{background:#ccc;width:auto;direction:rtl;height:auto;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:hidden;padding-bottom:15px;padding-right:5px;}
.bistscript-bg .tp{color:#fff;background:#3498db;padding:2px 16px 2px 16px;border-radius:2px;float:right;margin:5px;}
.bistscript-bg .txt{margin:5px;color:#333;text-align:right;}
.bistscript-bg .btm{float:right;background:#ddd;padding:5px 20px 5px 20px;margin:3px;color:#666;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0px 0px 10px #bbb;-moz-box-shadow:0px 0px 10px #bbb;-webkit-box-shadow:0px 0px 10px #bbb;transition:all linear 0.2s;-moz-transition:all linear 0.2s;-o-transition:all linear 0.2s;-webkit-transition:all linear 0.2s;}
.bistscript-bg .link a{text-decoration:none;color:#666;}
.bistscript-bg .link a:hover{color:#fff;}
.bistscript-bg .link:hover{background:#e74c3c;color:#fff;}
.bistscript-bg .size:hover{background:#2ecc71;color:#fff;}
.bistscript-bg .pass:hover{background:#3498db;color:#fff;}
.bistscript-bg .clear{clear:both;}

.block .popular-views-list .item a {text-align: right; line-height: 1.6;}
.block .popular-views-list .view-count {color: #868686; font-size: 10px;}