@charset "UTF-8";
 * {
     webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 /* CSS Document */
 /*@import url(min.css) screen and (max-width: 1400px);*/

 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,
 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,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video {
     margin: 0;
     padding: 0;
     border: 0;
     font: inherit;
     font-size: 100%;
     vertical-align: baseline;
 }

 ol,
 ul {
     list-style: none;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
 }

 caption,
 th,
 td {
     text-align: left;
     font-weight: normal;
     vertical-align: middle;
 }

 q,
 blockquote {
     quotes: none;
 }

 q:before,
 q:after,
 blockquote:before,
 blockquote:after {
     content: "";
     content: none;
 }

 a img {
     border: none;
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section,
 summary {
     display: block;
 }

 a {
     text-decoration: none;
 }

 a img {
     outline: none;
 }

 a:focus,
 input:focus,
 button:focus {
     outline: none;
 }

 body {
     background: #fafafa;
     font-family: 微軟正黑體, 'Helvetica', 'Arial', sans-serif;
 }

 #WRAPPER {
     float: left;
     width: 100%;
     position: relative;
     /*	min-width: 1366px;*/
     margin: 0 auto;
 }

 #HEADER {
     /*float:left;*/
     width: 1320px;
     /*border-bottom:#e3007f 2px solid;*/
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     /* Opera/IE 8+ */
     padding: 12px 15px 12px 15px;
     position: relative;
     z-index: 5;
     background: #FFF;
     margin: 0px auto;
 }

 #LOGO {
     display: inline-block;
     vertical-align: middle;
     width: 180px;
     height: 50px;
     margin-right: 5px;
 }

 #LOGO img {
     width: 180px;
     height: 50px;
 }

 .website_slogan {
     display: inline-block;
     vertical-align: middle;
     font-size: 12px;
     color: #1e1e1e;
 }

 #search_box_wrap {
     display: inline-block;
     vertical-align: middle;
     width: 345px;
     margin-left: 20px;
 }

 #search_box_wrap .search_box {
     float: left;
     width: 100%;
     height: 30px;
 }

 #search_box_wrap .search_box .input_field {
     float: left;
     width: 277px;
     height: 30px;
     border: #dfcdd7 1px solid;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 10px;
     padding-right: 10px;
 }

 #search_box_wrap .search_box .search_submit {
     float: left;
     width: 65px;
     height: 30px;
     background: #e3007f url(../images/search_icon.png) center no-repeat;
     background-size: 18px 18px;
     border: none;
     cursor: pointer;
 }

 #search_box_wrap .search_box .search_submit:hover {
     background: #cc0072 url(../images/search_icon.png) center no-repeat;
     background-size: 18px 18px;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 #search_box_wrap .hot_links {
     float: left;
     width: 100%;
     margin-top: 5px;
 }

 #search_box_wrap .hot_links ul {
     float: left;
     width: 100%;
 }

 #search_box_wrap .hot_links ul li {
     float: left;
     list-style-type: none;
     margin-right: 10px;
 }

 #search_box_wrap .hot_links ul li:last-child {
     margin-right: 0px;
 }

 #search_box_wrap .hot_links ul li a {
     display: block;
     font-size: 12px;
     color: #c60471;
     font-weight: bold;
 }

 #search_box_wrap .hot_links ul li a:hover {
     text-decoration: underline;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 #UTI_WRAP {
     float: right;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 2px 0px 2px 0px;
 }

 #UTI_WRAP ul {
     float: left;
     height: 44px;
 }

 #UTI_WRAP ul li {
     display: inline-block;
     vertical-align: middle;
     list-style-type: none;
     position: relative;
 }

 #UTI_WRAP ul li a {
     display: inline-block;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 15px 15px 15px 15px;
 }

 #UTI_WRAP ul li a i {
     margin-right: 3px;
 }

 #UTI_WRAP ul li.members_li a {
     padding: 0px 15px 0px 15px;
 }

 #UTI_WRAP ul li a span {
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
     color: #c60471;
     font-weight: bold;
 }

 #UTI_WRAP ul li a .icon {
     display: inline-block;
     vertical-align: middle;
     width: 14px;
     height: 14px;
     margin-right: 3px;
 }

 #UTI_WRAP ul li a .m_head {
     display: inline-block;
     vertical-align: middle;
     width: 44px;
     height: 44px;
     -moz-border-radius: 22px;
     -webkit-border-radius: 22px;
     border-radius: 22px;
     position: relative;
     z-index: 1;
 }

 #UTI_WRAP ul li a .arrow {
     display: inline-block;
     vertical-align: middle;
     width: 14px;
     height: 9px;
     margin-left: 3px;
 }

 #UTI_WRAP ul li a .vip_icon {
     position: absolute;
     z-index: 3;
     width: 38px;
     height: 19px;
     top: -5px;
     right: 10px;
 }

 #UTI_WRAP ul li:hover {
     background: #ffeff6;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .expand_box {
     display: none;
     position: absolute;
     right: 0px;
     text-align: center;
     background-color: #fff;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
     box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
     height: auto;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 10px;
 }

 .expand_box .top_arrow {
     position: absolute;
     width: 20px;
     height: 10px;
     background: url(../images/expand_arrow_top.png) no-repeat;
     background-size: 20px 10px;
     top: -10px;
     right: 12px;
 }

 .expand_box .language_select {
     float: left;
     width: 100%;
 }

 .expand_box .language_select a {
     float: left;
     width: 100%;
     padding: 5px !important;
     white-space: nowrap;
     text-align: left;
     font-size: 13px;
     color: #c60471;
     font-weight: bold;
     line-height: 1.4;
 }

 .expand_box .language_select a:hover {
     background: #ffeff6;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .expand_box .history_select {
     float: left;
     width: 100%;
 }

 .expand_box .history_select a {
     float: left;
     width: 100%;
     padding: 5px !important;
     border-bottom: #e1e1e1 1px solid;
     text-align: left;
 }

 .expand_box .history_select a:last-child {
     border-bottom: none;
 }

 .expand_box .history_select a .thumbs {
     float: left;
     width: 64px;
     height: 64px;
 }

 .expand_box .history_select a .des {
     float: left;
     width: 170px;
     font-size: 12px;
     color: #c60471;
     margin-left: 8px;
     line-height: 1.6;
 }

 .expand_box .history_select a .des_word {
     float: left;
     width: 170px;
     font-size: 12px;
     color: #000;
     margin-left: 8px;
     line-height: 1.6;
 }

 .expand_box .history_select a:hover {
     background: #ffeff6;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .expand_box .members_select {
     float: left;
     width: 100%;
     text-align: center;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 10px;
 }

 .expand_box .members_select .members_section {
     float: left;
     width: 100%;
     text-align: center;
     margin-bottom: 15px;
 }

 .expand_box .member_head_thumbs {
     display: inline-block;
     vertical-align: middle;
     width: 66px;
     height: 66px;
     -moz-border-radius: 33px;
     -webkit-border-radius: 33px;
     border-radius: 33px;
 }

 .expand_box .member_email {
     display: inline-block;
     vertical-align: middle;
     width: 100%;
     font-size: 14px;
     color: #323132;
     font-weight: bold;
 }

 .expand_box .vip_pass_icon {
     display: inline-block;
     vertical-align: middle;
     width: 50px;
     height: 25px;
 }

 .expand_box .vip_pass_txt {
     display: inline-block;
     vertical-align: middle;
     height: 25px;
     line-height: 25px;
     font-size: 14px;
     color: #ff7800;
     font-weight: bold;
 }

 .expand_box .member_coins {
     display: inline-block;
     vertical-align: middle;
     width: 100%;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     border: #ffc717 1px solid;
     padding-top: 15px;
     padding-bottom: 15px;
 }

 .expand_box .member_coins .coins_icon {
     display: inline-block;
     vertical-align: middle;
     width: 25xp;
     height: 25px;
     margin-right: 10px;
 }

 .expand_box .member_coins .coins_txt {
     display: inline-block;
     vertical-align: middle;
     line-height: 25px;
     color: #945217;
     font-size: 14px;
     font-weight: bold;
     text-decoration: underline;
 }

 .expand_box .members_select .members_funciton {
     float: left;
     width: 100%;
     text-align: center;
     border-top: #e1e1e1 1px solid;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-top: 15px;
 }

 .expand_box .members_select .members_funciton a {
     float: left;
     width: 100%;
     height: 35px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     background: #e3007f;
     margin: 2px 2% 2px 2%;
     text-align: center;
 }

 .expand_box .members_select .members_funciton a .icon {
     display: inline-block;
     vertical-align: middle;
     width: 14px;
     height: 14px;
     margin-right: 5px;
     margin-top: 10px;
 }

 .expand_box .members_select .members_funciton a span {
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
     color: #FFF !important;
     font-weight: bold;
     margin-top: 10px;
     padding: 0 !important;
 }

 .expand_box .members_select .members_funciton a:hover {
     background: #d00175;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .language_box {
     width: 150px;
 }

 .history_box {
     width: 275px;
 }

 .members_box {
     width: 275px;
     z-index: 999;
 }

 #NAV {
     float: left;
     width: 100%;
     background: #e3007f;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     z-index: 3;
 }

 #NAV ul {
     /*float:left;*/
     width: 1320px;
     margin: 0px auto;
 }

 #NAV ul li {
     float: left;
     list-style-type: none;
 }

 #NAV ul li a {
     display: block;
     font-size: 16px;
     color: #FFF;
     font-weight: bold;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 16px;
     letter-spacing: 1px;
 }

 #NAV ul li:hover,
 #NAV ul li.current {
     background: #3c3e40;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 #NAV ul li .expand_menu {
     display: none;
     position: absolute;
     z-index: 5;
     left: 0px;
     height: auto;
     width: 100%;
     background: #3c3e40;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 30px;
 }

 #NAV ul li .expand_menu .label_group {
     float: left;
     width: 100%;
     margin-bottom: 20px;
 }

 #NAV ul li .expand_menu .label_group:last-child {
     margin-bottom: 0px;
 }

 #NAV ul li .expand_menu .label_name {
     float: left;
     width: 100%;
 }

 #NAV ul li .expand_menu .label_name .icon {
     display: inline-block;
     vertical-align: middle;
     width: 14px;
     height: 14px;
     margin-right: 5px;
 }

 #NAV ul li .expand_menu .label_name span {
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
     color: #FFF;
 }

 #NAV ul li .expand_menu .label_tag {
     float: left;
     width: 100%;
     margin-top: 10px;
 }

 #NAV ul li .expand_menu .label_tag a {
     float: left;
     display: block;
     font-size: 14px;
     color: #fdd502;
     font-weight: normal;
     padding: 0px !important;
     margin-left: 21px;
     margin-top: 5px;
 }

 #NAV ul li .expand_menu .label_tag a:hover {
     text-decoration: underline;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 #NAV ul li a.purchase {
     margin: 0 5px 0 0;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 9px 16px 9px 16px;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffde03+2,f8bf00+100 */
     background: #ffde03;
     /* Old browsers */
     background: -moz-linear-gradient(top, #ffde03 2%, #f8bf00 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #ffde03 2%, #f8bf00 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #ffde03 2%, #f8bf00 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde03', endColorstr='#f8bf00', GradientType=0);
     /* IE6-9 */
 }

 #NAV ul li a.purchase .icon {
     display: inline-block;
     vertical-align: middle;
     width: 28px;
     height: 30px;
     margin-right: 5px;
 }

 #NAV ul li a.purchase span {
     display: inline-block;
     vertical-align: middle;
     color: #3a3a3a;
 }

 #NAV ul li a.purchase:hover {
     background: #ffde03;
 }

 #CONTENT {
     /*	float: left;*/
     width: 100%;
     position: relative;
     text-align: center;
     margin: 0px auto 0;
     padding-top: 50px;
 }

 .fix_content {
     display: inline-block;
     width: 1366px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     position: relative;
 }

 .film_player_screen_bg {
     position: absolute;
     display: none;
     z-index: 0;
     width: 100%;
     background: #000;
     top: 0px;
     left: 0px;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .mid_content {
     display: inline-block;
     width: 1020px;
 }

 .film_player_column {
     float: left;
     width: 1000px;
     background: #000;
     position: relative;
     z-index: 2;
     text-align: center;
 }

 .film_player_column.movie_change {
     width: 100%;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .film_left_column {
     float: left;
     margin-top: 20px;
     margin-bottom: 20px;
     position: relative;
     z-index: 2;
 }

 .film_left_column.narrow {
     /*width: 180px;*/
     width: 200px;
 }

 .film_left_column.wide {
     width: 1000px;
 }

 .film_right_column.narrow {
     width: 300px;
 }

 .film_right_column.wide {
     width: 1060px;
 }

 .fix_sec {
     float: left;
     width: 100%;
     margin-bottom: 15px;
     position: relative;
 }

 .film_left_column .fix_sec:last_child,
 .film_right_column .fix_sec:last_child {
     margin-bottom: 0px;
 }

 .fix_sec_title {
     float: left;
     width: 100%;
     text-align: left;
     font-size: 20px;
     font-weight: normal;
     color: #0b0b0b;
     margin-bottom: 10px;
     /*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;*/
     /*background-color:#F5F5F5;*/
     /*border-left:#e3007f 8px solid;*/
 }

 .fix_sec_border_title {
     float: left;
     width: 100%;
     text-align: left;
     font-size: 16px;
     font-weight: bold;
     color: #2e2e2e;
     border-left: #e3007f 8px solid;
     margin-bottom: 15px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 5px;
     font-weight: bold;
 }

 .fix_sec_border_title .thin {
     font-weight: normal;
     font-size: 12px;
 }

 .page_nav {
     display: inline-block;
     width: 100%;
     margin-top: 20px;
     text-align: center;
 }

 .page_nav ul {
     width: 100%;
 }

 .page_nav ul li {
     display: inline-block;
     width: 26px;
     height: 26px;
     font-size: 12px;
     line-height: 26px;
     color: #717171;
     font-weight: bold;
 }

 .page_nav ul li a {
     display: block;
     width: 26px;
     height: 26px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     text-align: center;
     border: #cacaca 1px solid;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */
     background: #ffffff;
     /* Old browsers */
     background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
     /* IE6-9 */
     -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
     font-size: 12px;
     line-height: 26px;
     color: #717171;
     font-weight: bold;
     text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.1);
 }

 .page_nav ul li a.current {
     background: #606060;
     /* Old browsers */
     color: #FFF;
 }

 .page_nav ul li a:hover {
     background: #ffffff;
     /* Old browsers */
     color: #717171;
 }
 /**login**/

 .login_wrap {
     display: inline-block;
     width: 460px;
     background: #FFF;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     margin-bottom: 20px;
     margin-top: 40px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 30px;
 }

 .registor_wrap {
     display: inline-block;
     vertical-align: top;
     width: 460px;
     background: #FFF;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     margin-bottom: 20px;
     margin-top: 40px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 30px;
 }

 .registor_ad_wrap {
     display: inline-block;
     vertical-align: top;
     width: 540px;
     background: #FFF;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     margin-bottom: 20px;
     margin-top: 40px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 30px;
     margin-left: 20px;
     text-align: center;
     vertical-align: middle;
 }

 .registor_ad {
     width: 410px;
     height: 465px;
 }

 .user_form_title {
     float: left;
     width: 100%;
     font-size: 14px;
     color: #3c3b3a;
     font-weight: bold;
     text-align: left;
     margin-bottom: 10px;
 }

 .user_form {
     float: left;
     display: table;
     width: 100%;
     background: #ece9e6;
     border: #d1d1d1 1px solid;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-top: 10px;
     padding-bottom: 10px;
     text-align: left;
     margin-top: 10px;
 }

 .txt {
     /*display:table-cell;*/
     height: 30px;
     vertical-align: middle;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     font-size: 14px;
     color: #3c3b3a;
     font-weight: bold;
     text-align: center;
     line-height: 40px;
     padding-right: 0px;
     text-align: left;
     clear: both;
 }

 .user_form .input_field_wrap {
     display: table-cell;
     vertical-align: middle;
     height: 30px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 20px;
     padding-right: 20px;
     position: relative;
 }

 .user_form .input_field_wrap .certify_icon {
     position: absolute;
     width: 42px;
     height: 54px;
     right: -54px;
     top: -10px;
 }

 .user_form .input_field_wrap .input_field {
     width: 100%;
     height: 30px;
     background: none;
     border: none;
     font-size: 14px;
     color: #3c3b3a;
 }

 .user_form .input_field .input_field:focus {
     outline: none;
 }

 .form_btn_wrap {
     float: left;
     width: 100%;
     text-align: center;
     margin-top: 20px;
     margin-bottom: 10px;
 }

 .form_btn {
     display: inline-block;
     width: 260px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     text-align: center;
     border: #ce0274 1px solid;
     font-weight: bold;
     font-size: 16px;
     color: #ffffff;
     background: #e3007f;
     padding-top: 15px;
     padding-bottom: 15px;
     cursor: pointer;
 }

 .form_btn:hover {
     background: #d10678;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .form_mid_txt_wrap {
     float: left;
     width: 100%;
     text-align: center;
     /*	margin-top:10px;*/
     font-size: 14px;
     font-weight: bold;
     color: #363636;
 }

 .form_mid_txt_wrap a {
     font-size: 14px;
     font-weight: bold;
     color: #e3007f;
     text-decoration: underline;
 }

 .form_mid_txt_wrap a:hover {
     color: #d10678;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .form_left_txt_wrap {
     float: left;
     width: 100%;
     text-align: left;
     margin-top: 14px;
     font-size: 14px;
     font-weight: bold;
     color: #363636;
 }

 .form_left_txt_wrap .check_box {
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
 }

 .form_left_txt_wrap span {
     display: inline-block;
     vertical-align: middle;
 }

 .form_left_txt_wrap a {
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
     font-weight: bold;
     color: #e3007f;
     text-decoration: underline;
 }

 .form_left_txt_wrap a:hover {
     color: #d10678;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .form_certify_txt_wrap {
     float: left;
     width: 100%;
     text-align: left;
     margin-top: 15px;
     font-size: 13px;
     font-weight: bold;
     color: #363636;
     position: relative;
     margin-bottom: 20px;
 }

 .form_certify_txt_wrap span {
     display: inline-block;
     vertical-align: middle;
     line-height: 1.4;
 }

 .form_certify_txt_wrap .red {
     color: #ff1751;
 }

 .certify_btn {
     position: absolute;
     right: 0px;
     top: 0px;
     display: block;
     background: #ef547b;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     text-align: center;
     font-size: 14px;
     color: #ffffff;
     font-weight: bold;
     padding: 10px;
 }

 .certify_btn:hover {
     background: #cd4b6c;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .registor_status_wrap {
     display: inline-block;
     vertical-align: top;
     width: 900px;
 }

 .registor_status {
     display: inline-block;
     vertical-align: top;
     width: 100%;
     background: #FFF;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     margin-bottom: 20px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 30px;
 }

 .registor_status:first-child {
     margin-top: 40px;
 }

 .registor_status_title {
     float: left;
     width: 100%;
     font-size: 28px;
     color: #e3007f;
     font-weight: bold;
     text-align: center;
 }

 .registor_status_error {
     float: left;
     width: 100%;
     font-size: 18px;
     line-height: 1.3;
     color: #666;
     margin-top: 20px;
     text-align: center;
 }

 .registor_status_members {
     float: left;
     width: 100%;
     margin-top: 20px;
     text-align: center;
 }

 .registor_status_members .status_head {
     display: inline-block;
     vertical-align: middle;
     width: 130px;
     height: 130px;
     margin-right: 20px;
 }

 .registor_status_members .status_head img {
     width: 130px;
     height: 130px;
     -moz-border-radius: 65px;
     -webkit-border-radius: 65px;
     border-radius: 65px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
 }

 .registor_status_members .status_info {
     display: inline-block;
     vertical-align: middle;
     width: 320px;
 }

 .registor_status_members .status_info .note {
     display: inline-block;
     vertical-align: middle;
     text-align: left;
     width: 100%;
     font-size: 14px;
     color: #363636;
     font-weight: bold;
     margin-top: 20px;
 }

 .registor_status_members .status_info .note a {
     font-size: 14px;
     color: #e3007f;
     font-weight: bold;
     margin-top: 20px;
 }

 .registor_status_members .status_info .note a:hover {
     text-decoration: underline;
 }

 .vip_poster {
     width: 100%;
 }
 /**members**/

 .function_title {
     float: left;
     width: 100%;
     font-size: 25px;
     font-weight: normal;
     margin-top: 20px;
     text-align: left;
 }

 .function_wrap {
     float: left;
     width: 100%;
     display: table;
 }

 .function_left {
     display: table-cell;
     vertical-align: top;
     width: 250px;
     margin-bottom: 20px;
 }

 .function_right {
     display: table-cell;
     vertical-align: top;
     margin-bottom: 20px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 20px 40px 20px 40px;
 }

 .function_box {
     float: left;
     width: 100%;
     background: #FFF;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     margin-bottom: 20px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     margin-top: 20px;
 }

 .members_info_head {
     float: left;
     width: 100%;
     margin-top: 20px;
     text-align: center;
 }

 .members_info_head .head {
     display: inline-block;
     width: 100%;
     position: relative;
 }

 .members_info_head .head .head_img {
     display: inline-block;
     width: 130px;
     height: 130px;
     -moz-border-radius: 65px;
     -webkit-border-radius: 65px;
     border-radius: 65px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     position: relative;
     z-index: 1;
 }

 .members_info_head .memebers_email {
     display: inline-block;
     width: 100%;
     margin-top: 20px;
     font-size: 14px;
     color: #323132;
     font-weight: bold;
     text-align: center;
     line-height: 1.4;
 }

 .members_info_head .members_section {
     float: left;
     width: 100%;
     text-align: center;
     margin-top: 10px;
 }

 .members_info_head .members_section .vip_pass_icon {
     display: inline-block;
     vertical-align: middle;
     width: 50px;
     height: 25px;
 }

 .members_info_head .members_section .vip_pass_txt {
     display: inline-block;
     vertical-align: middle;
     height: 25px;
     line-height: 25px;
     font-size: 14px;
     color: #ff7800;
     font-weight: bold;
 }

 .members_info_head .members_section .member_coins {
     display: inline-block;
     vertical-align: middle;
     width: 80%;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     border: #ffc717 1px solid;
     padding-top: 15px;
     padding-bottom: 15px;
 }

 .members_info_head .members_section .member_coins .coins_icon {
     display: inline-block;
     vertical-align: middle;
     width: 25xp;
     height: 25px;
     margin-right: 10px;
 }

 .members_info_head .members_section .member_coins .coins_txt {
     display: inline-block;
     vertical-align: middle;
     line-height: 25px;
     color: #945217;
     font-size: 14px;
     font-weight: bold;
     text-decoration: underline;
 }

 .members_info_nav {
     float: left;
     width: 100%;
     margin-bottom: 20px;
     margin-top: 20px;
 }

 .members_info_nav li {
     float: left;
     width: 100%;
     list-style-type: none;
 }

 .members_info_nav li a {
     display: block;
     width: 100%;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 10px 20px 10px 20px;
     text-align: left;
 }

 .members_info_nav li a .icon {
     display: inline-block;
     vertical-align: middle;
     height: 14px;
     margin-right: 10px;
 }

 .members_info_nav li a span {
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
     color: #363636;
     font-weight: bold;
 }

 .members_info_nav li a:hover,
 .members_info_nav li a.current {
     background: #f0eeee;
     -webkit-box-shadow: inset 3px 3px 25px -5px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: inset 3px 3px 25px -5px rgba(0, 0, 0, 0.25);
     box-shadow: inset 3px 3px 25px -5px rgba(0, 0, 0, 0.25);
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .head_upload {
     position: absolute;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     z-index: 2;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 10px;
     background: #ef547b;
     text-align: center;
     cursor: pointer;
     bottom: 0px;
     right: 10px;
 }

 .head_upload:hover {
     background: #d54a6d;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .head_upload .icon {
     display: inline-block;
     vertical-align: middle;
     height: 14px;
     margin-right: 10px;
 }

 .head_upload span {
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
     color: #FFF;
     font-weight: bold;
 }

 .member_setting_wrap {
     float: left;
     width: 455px;
 }

 .members_current_id {
     float: left;
     width: 100%;
     margin-bottom: 20px;
 }

 .members_current_id .title {
     float: left;
     width: 100%;
     font-size: 14px;
     color: #3c3b3a;
     font-weight: bold;
     text-align: left;
 }

 .members_current_id .m_ID {
     float: left;
     width: 100%;
     font-size: 25px;
     color: #3c3b3a;
     font-weight: bold;
     text-align: left;
     margin-top: 10px;
 }

 .recording_table {
     float: left;
     width: 100%;
     border: #CCC 1px solid;
 }

 .recording_table th {
     padding: 15px 5px;
     background: #e3007f;
     font-size: 16px;
     color: #FFF;
     font-weight: bold;
     border-right: #CCC 1px solid;
     webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .recording_table td {
     padding: 5px;
     border-right: #CCC 1px solid;
     font-size: 14px;
     color: #666;
     word-break: break-all;
     webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .recording_table tr {
     background: #FFF;
     border-bottom: #CCC 1px solid;
 }

 .recording_table tr:nth-child(odd) {
     background: #F6F6F6;
 }
 /**faq**/

 .faq_nav {
     float: left;
     width: 100%;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 20px;
 }

 .faq_nav li {
     float: left;
     width: 100%;
     display: table;
     margin-bottom: 15px;
 }

 .faq_nav li:last-child {
     margin-bottom: 0px;
 }

 .faq_nav li .icon_set {
     display: table-cell;
     vertical-align: top;
     width: 17px;
 }

 .faq_nav li .icon_set .icon {
     width: 17px;
     height: 20px;
 }

 .faq_nav li .q_title {
     display: table-cell;
     vertical-align: top;
 }

 .faq_nav li .q_title a {
     display: block;
     font-size: 14px;
     color: #e3007f;
     font-weight: bold;
     text-align: left;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 10px;
 }

 .faq_nav li .q_title a:hover {
     text-decoration: underline;
 }

 .question_title {
     float: left;
     width: 100%;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 10px 20px 10px 20px;
     font-size: 14px;
     color: #ffffff;
     font-weight: bold;
     margin-bottom: 20px;
     background: #232323;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     text-align: left;
 }

 .question_form {
     float: left;
     width: 100%;
     margin-bottom: 40px;
 }

 .question_form li {
     float: left;
     width: 100%;
     display: table;
     margin-bottom: 10px;
 }

 .question_form li:last-child {
     margin-bottom: 0px;
 }

 .question_form .q-num {
     display: table-cell;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 5px;
     text-align: left;
     width: 75px;
 }

 .question_form .q-num .icon {
     display: inline-block;
     vertical-align: top;
     width: 14px;
     height: 14px;
     margin-right: 10px;
 }

 .question_form .q-num span {
     font-size: 14px;
     color: #2a2a2al;
     font-weight: bold;
 }

 .question_form .q-content {
     display: table-cell;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 5px;
     text-align: left;
 }

 .question_form .q-content .link_q {
     font-size: 14px;
     color: #eb3232;
     font-weight: bold;
     line-height: 1.4;
     text-align: left;
 }

 .question_form .q-content a.link_q:hover {
     text-decoration: underline;
 }

 .question_form .q-content .ans {
     font-size: 14px;
     color: #4e4e4e;
     font-weight: bold;
     line-height: 1.4;
     text-align: left;
     margin-top: 10px;
 }

 .question_form .q-content .back_top_btn {
     display: inline-block;
     width: 100%;
     margin-top: 10px;
     text-align: right;
 }

 .question_form .q-content .back_top_btn .back_to_top {
     font-size: 14px;
     font-weight: bold;
     color: #ea2727;
     text-decoration: underline;
 }
 /**index**/

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

 .classify_tag li {
     float: left;
     width: 100%;
     margin-bottom: 10px;
     text-align: left;
 }

 .classify_tag li:last-child {
     margin-bottom: 0px;
 }

 .classify_tag li a {
     display: block;
     font-size: 14px;
     color: #2e2e2e;
     line-height: 1.3;
 }

 .classify_tag li a:hover {
     color: #e3007f;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

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

 .actor_ranking li {
     float: left;
     width: 44%;
     margin-bottom: 10px;
     margin-right: 6%;
     position: relative;
 }

 .actor_ranking li:nth-child(2n) {
     margin-right: none;
 }

 .actor_ranking li a {
     display: block;
     width: 100%;
     text-align: center;
 }

 .actor_ranking li a img {
     display: inline-block;
     width: 100%;
 }

 .actor_ranking li a .name {
     display: inline-block;
     font-size: 12px;
     font-weight: bold;
     color: #c2026d;
     width: 100%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     margin-top: 5px;
 }

 .actor_ranking li a:hover>.name {
     text-decoration: underline;
 }

 .actor_ranking li .ranking_icon {
     position: absolute;
     width: 33px;
     height: 24px;
     top: -5px;
     right: -5px;
 }

 .sec_btn_funciton {
     float: left;
     width: 100%;
     margin-top: 10px;
 }

 .sec_btn {
     float: right;
     display: block;
     text-align: center;
 }

 .sec_btn .icon {
     display: inline-block;
     vertical-align: middle;
     width: 14px;
     height: 14px;
     margin-right: 5px;
 }

 .sec_btn span {
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
     font-weight: bold;
     color: #242424;
 }

 .sec_btn:hover>span {
     text-decoration: underline;
 }

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

 .agency_promo li {
     float: left;
     width: 100%;
     margin-bottom: 10px;
     border: #CCC 1px solid;
 }

 .agency_promo li:last-child {
     margin-bottom: 0px;
 }

 .agency_promo li a {
     display: block;
     width: 100%;
     text-align: center;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 5px;
     color: #E3007F;
 }

 .agency_promo li a img {
     display: inline-block;
     height: 50px;
 }

 .agency_promo li a:hover {
     background: #CCC;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     text-decoration: underline;
 }

 .ad_display {
     float: left;
     width: 610px;
     position: relative;
 }

 .daily_film {
     /*float:right;*/
     float: left;
     width: 420px;
     height: 262px;
     position: relative;
 }

 .daily_film .film_cover {
     float: left;
     position: relative;
     z-index: 1;
     width: 199px;
     height: 262px;
 }

 .daily_film .film_cover .cover_title {
     float: left;
     width: 100%;
     height: 30px;
     background: #000;
     font-size: 16px;
     color: #ffffff;
     font-weight: bold;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 10px;
     padding-right: 10px;
     line-height: 30px;
     text-align: left;
 }

 .daily_film .film_cover .cover_img {
     float: left;
     width: 100%;
 }

 .daily_film .film_clip_display {
     position: absolute;
     z-index: 0;
     right: 0px;
     top: 0px;
     width: 221px;
     height: 262px;
     overflow: hidden;
     background: #000;
 }

 .daily_film .film_clip_display .clip_display_div_top {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 221px;
     height: 169px;
     z-index: 2;
     background: #F96;
     -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);
     clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);
     -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
     box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
 }

 .daily_film .film_clip_display .clip_display_div_bottom {
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 221px;
     height: 169px;
     z-index: 3;
     background: #1e90ff;
     -webkit-clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
     clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
     -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
     box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
 }

 .daily_film .film_clip_display .film_actor {
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 229px;
     height: 72px;
     background: url(../images/black_40_opacity.png) repeat;
     z-index: 4;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 5px;
     display: table;
 }

 .daily_film .film_clip_display .film_actor .actor_head {
     display: table-cell;
     height: 62px;
     width: 62px;
 }

 .daily_film .film_clip_display .film_actor .actor_head img {
     height: 62px;
     width: 62px;
 }

 .daily_film .film_clip_display .film_actor .actor_info {
     display: table-cell;
     vertical-align: middle;
     text-align: left;
     height: 62px;
     width: 147px;
     font-size: 12px;
     line-height: 1.4;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 10px;
     color: #FFF;
 }

 .daily_film .film_clip_display .skewed {
     float: left;
     display: inline-block;
     width: 100%;
     padding: 10px;
     margin-top: 90px;
     z-index: 5;
     font-size: 16px;
     line-height: 1.3;
     position: relative;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     -webkit-transform: rotate(-13deg) skew(-13deg, 0);
     -moz-transform: rotate(-13deg) skew(-13deg, 0);
     -ms-transform: rotate(-13deg) skew(-13deg, 0);
     -o-transform: rotate(-13deg) skew(-13deg, 0);
     transform: rotate(-13deg) skew(-13deg, 0);
 }

 .daily_film .film_clip_display .skewed span {
     color: #ffe;
     position: relative;
     text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
     text-transform: uppercase;
 }

 .index_tab_selector {
     top: 0px;
     left: 100px;
     position: absolute;
 }

 .index_tab_selector ul {
     float: left;
     width: 100%;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 10px;
     padding-right: 10px;
 }

 .index_tab_selector ul li {
     float: left;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 5px;
     font-size: 14px;
     color: #aeaeae;
     font-weight: bold;
     cursor: pointer;
     margin-right: 10px;
 }

 .index_tab_selector ul li:last-child {
     margin-right: 0px;
 }

 .index_tab_selector ul li:hover,
 .index_tab_selector ul li.current {
     color: #0b0b0b;
     border-bottom: #e3007f 2px solid;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }
 /**actors**/

 .actors_filter {
     float: left;
     width: 100%;
     height: 50px;
     background: #FFF;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     border-bottom: #d7d7d7 1px solid;
     padding-left: 20px;
     padding-right: 20px;
 }

 .actors_filter ul {
     float: left;
     height: 50px;
 }

 .actors_filter ul li {
     float: left;
     height: 50px;
     list-style-type: none;
     border-right: #d7d7d7 1px solid;
 }

 #actors_search {
     float: left;
     margin-top: 10px;
     margin-right: 20px;
     width: 215px;
     height: 30px;
 }

 #actors_search .input_field {
     float: left;
     width: 150px;
     height: 30px;
     border: #acacac 1px solid;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 10px;
     padding-right: 10px;
 }

 #actors_search .search_submit {
     float: left;
     width: 65px;
     height: 30px;
     background: #252525 url(../images/search_icon.png) center no-repeat;
     background-size: 18px 18px;
     border: none;
     cursor: pointer;
 }

 #actors_search .search_submit:hover {
     background: #000000 url(../images/search_icon.png) center no-repeat;
     background-size: 18px 18px;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .actors_filter_btn {
     display: block;
     height: 50px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 20px;
     padding-right: 20px;
     line-height: 50px;
     font-size: 16px;
     color: #484848;
     font-weight: bold;
     text-align: center;
     border-bottom: #d7d7d7 1px solid;
 }

 .actors_filter_btn:hover {
     background: #F8F8F8;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .actor_list_item {
     float: left;
     width: 225px;
     background: #FFF;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     margin-right: 38px;
     margin-top: 20px;
     position: relative;
 }

 .actor_list_item:hover {
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.9);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.9);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.9);
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .actor_list_item:nth-child(5n) {
     margin-right: 0px;
 }

 .actor_list_item .actors_view_cover {
     float: left;
     width: 100%;
     -moz-border-radius: 5px 5px 0px 0px;
     -webkit-border-radius: 5px 5px 0px 0px;
     border-radius: 5px 5px 0px 0px;
 }

 .actor_list_item .actors_info {
     float: left;
     width: 100%;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 15px;
     text-align: left;
 }

 .actor_list_item .actors_info span {
     display: block;
     font-size: 14px;
     color: #121112;
     line-height: 1.4;
     margin-bottom: 4px;
     font-weight: bold;
 }

 .actor_list_item .actors_info span:last-child {
     margin-bottom: 0px;
 }
 /**actor**/

 .actor_table_wrap {
     float: left;
     width: 100%;
     display: table;
     position: relative;
 }

 .actor_nav {
     position: relative;
     z-index: 2;
     display: table-cell;
     width: 240px;
     background: #ec8894;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
 }

 .actor_profile_content {
     position: relative;
     z-index: 1;
     display: table-cell;
     vertical-align: top;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 20px 0;
     text-align: left;
 }

 .actor_nav .actor_head_wrap {
     float: left;
     width: 100%;
     text-align: center;
     margin-top: 40px;
 }

 .actor_nav .actor_head_wrap .arrow_actor_btn {
     display: inline-block;
     width: 11px;
     height: 150px;
 }

 .actor_nav .actor_head_wrap .arrow_actor_btn .prev_btn {
     display: block;
     width: 11px;
     height: 18px;
     background: url(../images/actors_arrow.png) no-repeat;
     background-size: 22px 36px;
     background-position: 0px 0px;
     margin-top: 66px;
 }

 .actor_nav .actor_head_wrap .arrow_actor_btn .prev_btn:hover {
     background-position: 0 -18px;
 }

 .actor_nav .actor_head_wrap .arrow_actor_btn .next_btn {
     display: block;
     width: 11px;
     height: 18px;
     background: url(../images/actors_arrow.png) no-repeat;
     background-size: 22px 36px;
     background-position: -11px 0px;
     margin-top: 66px;
 }

 .actor_nav .actor_head_wrap .arrow_actor_btn .next_btn:hover {
     background-position: -11px -18px;
 }

 .actor_nav .actor_head_wrap .actor_head {
     display: inline-block;
     width: 150px;
     height: 150px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     border: #f6bdc4 2px solid;
     -moz-border-radius: 75px;
     -webkit-border-radius: 75px;
     border-radius: 75px;
     margin-left: 5px;
     margin-right: 5px;
     text-align: center;
 }

 .actor_nav .actor_head_wrap .actor_head .head_thumb {
     float: left;
     margin-top: 8px;
     margin-left: 8px;
     width: 130px;
     height: 130px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     border: #FFF 2px solid;
     -moz-border-radius: 65px;
     -webkit-border-radius: 65px;
     border-radius: 65px;
 }

 .actor_nav .actor_head_wrap .actor_name {
     display: inline-block;
     width: 100%;
     margin-top: 10px;
     font-size: 18px;
     color: #ffffff;
     font-weight: bold;
     line-height: 1.3;
 }

 .actor_nav .profile_btn {
     float: left;
     width: 100%;
     margin-top: 50px;
     margin-bottom: 50px;
 }

 .actor_nav .profile_btn li {
     float: left;
     width: 100%;
 }

 .actor_nav .profile_btn li a {
     display: block;
     width: 100%;
     text-align: left;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 13px;
 }

 .actor_nav .profile_btn li a .icon {
     display: inline-block;
     height: 14px;
     vertical-align: middle;
     margin-right: 10px;
 }

 .actor_nav .profile_btn li a span {
     display: inline-block;
     font-size: 14px;
     vertical-align: middle;
     font-size: 14px;
     color: #ffffff;
     font-weight: bold;
 }

 .actor_nav .profile_btn li a:hover,
 .actor_nav .profile_btn li a.current {
     background: #e3818c;
     -webkit-box-shadow: inset 3px 3px 25px -5px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: inset 3px 3px 25px -5px rgba(0, 0, 0, 0.25);
     box-shadow: inset 3px 3px 25px -5px rgba(0, 0, 0, 0.25);
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .profile_back_btn {
     float: left;
     display: block;
     height: 20px;
     text-align: left;
     margin-top: 20px;
     margin-left: 20px;
 }

 .profile_back_btn .icon {
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     height: 20px;
     margin-right: 10px;
     background: url(../images/profile_back.png) top no-repeat;
     background-size: 20px 40px;
 }

 .profile_back_btn span {
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
     font-weight: bold;
     color: #FFF;
 }

 .profile_back_btn:hover>.icon {
     background: url(../images/profile_back.png) bottom no-repeat;
     background-size: 20px 40px;
 }

 .profile_back_btn:hover>span {
     color: #CCC;
 }

 .profile_width {
     width: 350px;
     padding: 20px 0px 20px 20px !important;
 }

 .actor_profile_detail {
     width: 100%;
     background: #FFF;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     margin-bottom: 20px;
 }

 .actor_profile_detail:last-child {
     margin-bottom: 0px;
 }

 .gen_cover {
     width: 100%;
     -moz-border-radius: 5px 5px 0px 0px;
     -webkit-border-radius: 5px 5px 0px 0px;
     border-radius: 5px 5px 0px 0px;
 }

 .gen_detail_text {
     width: 100%;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 20px;
 }

 .gen_detail_text table {
     width: 100%;
     text-align: left;
 }

 .gen_detail_text table th {
     font-weight: bold;
     font-size: 14px;
     color: #696969;
     height: 25px;
     line-height: 1.3;
     text-align: left;
     width: 120px;
 }

 .gen_detail_text table td {
     font-size: 14px;
     color: #696969;
     height: 25px;
     line-height: 1.3;
     text-align: left;
 }

 .gen_offcial_txt {
     width: 100%;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 20px;
 }

 .gen_offcial_txt h1 {
     font-size: 24px;
     color: #646464;
     font-weight: bold;
     line-height: 1.4;
 }

 .gen_offcial_txt p {
     font-size: 14px;
     color: #646464;
     line-height: 1.4;
     margin-top: 10px;
 }

 .gen_gallery_wrap {
     display: inline-block;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 10px;
 }

 .actor_films_item {
     float: left;
     width: 395px;
     background: #FFF;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     margin: 10px;
     padding: 10px;
 }

 .actor_films_item .cover {
     float: left;
     width: 180px;
 }

 .actor_films_item .film_detail {
     float: left;
     width: 142px;
     margin-left: 10px;
 }

 .actor_films_item .film_detail h2 {
     font-size: 14px;
     color: #e3007f;
     font-weight: bold;
     line-height: 1.4;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .actor_films_item .film_detail h2:hover {
     text-decoration: underline;
 }

 .actor_films_item .film_detail table {
     width: 100%;
     margin-top: 5px;
     margin-bottom: 5px;
 }

 .actor_films_item .film_detail table th {
     font-size: 14px;
     color: #4c4c4c;
     font-weight: bold;
     width: 70px;
 }

 .actor_films_item .film_detail table td {
     font-size: 14px;
     color: #4c4c4c;
     height: 20px;
 }

 .actor_films_item .film_detail table td a {
     font-size: 14px;
     color: #e3007f;
     font-weight: bold;
 }

 .actor_films_item .film_detail table td a:hover {
     text-decoration: underline;
 }

 .actor_films_item .film_detail .des {
     font-size: 12px;
     color: #4c4c4c;
     line-height: 1.4;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
 }

 .actor_films_item .film_detail .des a {
     font-size: 12px;
     color: #4c4c4c;
     line-height: 1.4;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
 }

 .actor_gallery_full {
     width: 100%;
 }
 /**agency**/

 .agency_head {
     display: inline-block;
     width: 100%;
     margin-top: 20px;
 }

 .agency_head .agency_logo {
     display: inline-block;
     vertical-align: middle;
     width: 230px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-top: 20px;
     padding-bottom: 20px;
     text-align: center;
     margin-left: 10px;
     border: #CCC 1px solid;
     margin-bottom: 10px;
 }

 .agency_head .agency_logo img {
     height: 40px;
 }

 .agency_head .agency_actors {
     display: inline-block;
     vertical-align: middle;
     margin-left: 15px;
 }

 .agency_head .agency_actors li {
     float: left;
     widows: 80px;
     list-style-type: none;
     margin-right: 5px;
 }

 .agency_head .agency_actors li:last-child {
     margin-right: 0px;
 }

 .agency_head .agency_actors li a {
     display: block;
 }

 .agency_head .agency_actors li a .av_head {
     width: 80px;
     height: 80px;
     -moz-border-radius: 40px;
     -webkit-border-radius: 40px;
     border-radius: 40px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     border: #e8e8e8 2px solid;
 }

 .agency_head .agency_actors li a .av_name {
     width: 80px;
     text-align: center;
     font-size: 12px;
     color: #e3007f;
 }

 .agency_head .agency_actors li a:hover>.av_name {
     text-decoration: underline;
 }

 .agency_film_wrap {
     display: inline-block;
     width: 1280px;
     text-align: left;
     margin-top: 20px;
 }

 .agency_film_wrap .actor_films_item {
     width: 395px;
 }

 .agency_film_wrap .actor_films_item .cover {
     float: left;
     width: 185px;
 }

 .agency_film_wrap .actor_films_item .film_detail {
     float: left;
     width: 175px;
     margin-left: 10px;
 }

 .agency_film_wrap .actor_films_item .film_detail .des {
     font-size: 12px;
     color: #4c4c4c;
     line-height: 1.4;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 7;
     -webkit-box-orient: vertical;
 }
 /**flim**/

 .film_info_box {
     float: left;
     width: 100%;
     background: #FFF;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     padding: 20px;
     margin-bottom: 20px;
 }

 .film_info_box:last-child {
     margin-bottom: 0px;
 }

 .film_info_box .film_info {
     width: 210px;
     margin: 0 auto;
 }

 .film_info_box .film_info h2 {
     text-align: left;
     font-size: 16px;
     color: #332e31;
     line-height: 1.3;
     font-weight: 600;
 }

 .film_info_box .film_info .film_cover {
     width: 100%;
     margin-top: 10px;
     margin-bottom: 5px;
 }

 .film_info_box .film_info .film_detail {
     width: 100%;
     margin-top: 5px;
     font-size: 14px;
     color: #4c4c4c;
     font-weight: 600;
     text-align: left;
 }

 .film_info_box .film_info .film_detail .name {
     display: inline-block;
     margin-right: 5px;
 }

 .film_info_box .film_info .film_detail .txt {
     display: inline-block;
 }

 .film_info_box .film_info .film_detail .des {
     display: inline-block;
     line-height: 1.4;
     font-weight: normal;
     margin-top: 10px;
 }

 .film_info_box .film_info .film_detail .link:hover {
     text-decoration: underline;
 }

 .film_info_box .film_info .film_detail .link {
     display: inline-block;
     color: #e3007f;
 }
 /*.film_info_box*/

 .sec_title {
     width: 100%;
     margin-bottom: 20px;
 }

 .film_info_box .sec_title .icon {
     display: inline-block;
     vertical-align: middle;
     height: 18px;
     margin-right: 5px;
 }
 /*.film_info_box*/

 .sec_title span {
     display: inline-block;
     vertical-align: middle;
     font-size: 18px;
     color: #e87173;
     font-weight: bold;
 }

 .film_file_info {
     width: 100%;
     margin-bottom: 20px;
 }

 .film_file_info .file_detail {
     display: inline-block;
     width: 100%;
     background: #ece9e6;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     /*-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.1);
	box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.1);*/
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 3px 15px 3px 15px;
     margin-bottom: 5px;
 }

 .film_file_info .file_detail:last-child {
     margin-bottom: 0px;
 }

 .film_file_info .file_detail .d_name {
     float: left;
     text-align: left;
     width: 70px;
     height: 34px;
     line-height: 34px;
     border-right: #c4c3c2 1px solid;
     font-size: 14px;
     color: #000;
     font-weight: normal;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     margin-right: 20px;
 }

 .film_file_info .file_detail .d_txt {
     float: left;
     text-align: left;
     height: 34px;
     line-height: 34px;
     font-size: 14px;
     color: #000;
     font-weight: bold;
 }

 .film_dl_btn {
     float: left;
     width: 100%;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     text-align: center;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e87173+0,f14a4a+100 */
     background: #e87173;
     /* Old browsers */
     background: -moz-linear-gradient(top, #e87173 0%, #f14a4a 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #e87173 0%, #f14a4a 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #e87173 0%, #f14a4a 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87173', endColorstr='#f14a4a', GradientType=0);
     /* IE6-9 */
     border: #7a370b 1px solid;
     padding: 15px 0px 15px 0px;
 }

 .film_dl_btn .icon {
     display: inline-block;
     vertical-align: middle;
     height: 18px;
     margin-right: 5px;
 }

 .film_dl_btn span {
     display: inline-block;
     vertical-align: middle;
     font-size: 18px;
     color: #FFF;
     font-weight: bold;
 }

 .film_dl_btn:hover {
     background: #f14a4a;
     /* Old browsers */
 }

 .tab_selector {
     float: left;
     width: 100%;
     border-bottom: #cccccc 1px solid;
 }

 .tab_selector ul {
     float: left;
     width: 100%;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 10px;
     padding-right: 10px;
 }

 .tab_selector ul li {
     float: left;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 10px;
     font-size: 18px;
     color: #aeaeae;
     font-weight: bold;
     cursor: pointer;
     margin-right: 10px;
 }

 .tab_selector ul li:last-child {
     margin-right: 0px;
 }

 .tab_selector ul li:hover,
 .tab_selector ul li.current {
     color: #0b0b0b;
     border-bottom: #e3007f 2px solid;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .tab_content {
     float: left;
     width: 100%;
     margin-top: 20px;
 }

 .tab_content .tab_title {
     float: left;
     width: 100%;
     text-align: left;
     font-size: 20px;
     font-weight: normal;
     color: #0b0b0b;
     margin-bottom: 10px;
 }

 .film_list {
     float: left;
     width: 100%;
     margin-bottom: 20px;
 }

 .film_list:last-child {
     margin-bottom: 0px;
 }

 .film_list .film_list_item {
     float: left;
     width: 24%;
     margin: 0px 1.3% 10px 0px;
     position: relative;
 }

 .film_list .film_list_item:nth-child(4n) {
     margin: 0px 0px 10px 0px;
 }

 .film_list .film_list_item .cover_thumb {
     float: left;
     width: 100%;
     position: relative;
 }

 .film_list .film_list_item .film_clip {
     float: left;
     width: 100%;
     position: relative;
     z-index: 1;
 }

 .film_list .film_list_item .HD_icon {
     position: absolute;
     z-index: 2;
     width: 65px;
     /*	height:30px;
	top:5px;
	right:-5px;*/
 }

 .film_list .film_list_item .vip_icon {
     position: absolute;
     z-index: 2;
     width: 40px;
     height: 30px;
     bottom: 0px;
     right: -5px;
 }

 .film_list .film_list_item .rating {
     position: absolute;
     z-index: 2;
     width: 50px;
     height: 50px;
     left: 5px;
     bottom: 5px;
     background: url(../images/flim_clip_rating_icon.png) no-repeat;
     background-size: 50px 50px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     font-size: 12px;
     color: #92e306;
     padding-top: 30px;
     text-align: center;
 }
 /*.film_list .film_list_item */

 .view_info {
     float: left;
     width: 100%;
     height: 25px;
     background: #f087a9;
 }

 .film_list .film_list_item .view_info .icon {
     float: left;
     margin-left: 10px;
     width: 21px;
     height: 12px;
     margin-top: 6px;
 }

 .film_list .film_list_item .view_info .count {
     float: left;
     margin-left: 3px;
     font-size: 12px;
     color: #FFF;
     margin-top: 6px;
 }

 .film_list .film_list_item .view_info .time {
     float: right;
     height: 25px;
     background: #3d0819;
     text-align: center;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     line-height: 25px;
     font-size: 12px;
     color: #FFF;
     padding-left: 10px;
     padding-right: 10px;
 }

 .film_list .filmClipName {
     float: left;
     width: 100%;
     /*height:32px;*/
     font-size: 14px;
     overflow: hidden;
     line-height: 16px;
     color: #e3007f;
     text-align: left;
     margin-top: 5px;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .film_list .filmActor {
     float: left;
     width: 100%;
     height: 14px;
     font-size: 14px;
     color: #272727;
     text-align: left;
     margin-top: 8px;
 }

 .film_list .filmActor .a_title {
     display: inline-block;
     vertical-align: middle;
 }

 .film_list .filmActor .a_name {
     display: inline-block;
     vertical-align: middle;
     color: #e3007f;
 }

 .film_list .filmActor .a_name:hover,
 .film_list .filmClipName:hover {
     text-decoration: underline;
 }

 .film_hover_cover {
     display: none;
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 2;
     background: #333 url(../images/play_cover_icon.png) center no-repeat;
     background-size: 25px 30px;
     filter: Alpha(opacity=50);
     opacity: 0.5;
 }

 .movie_list_display {
     float: left;
     width: 810px;
 }

 .movie_list_hightlight {
     float: right;
     width: 214px;
 }

 .movie_list_hightlight .movie_list_item {
     float: left;
     width: 100% !important;
     margin: 0px 0% 10px 0px !important;
     position: relative;
     border-left: #c2c2c2 1px solid;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 35px;
 }

 .movie_list_hightlight .fix_sec_title {
     float: left;
     width: 100%;
     text-align: left;
     font-size: 20px;
     font-weight: normal;
     color: #0b0b0b;
     margin-bottom: 10px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 35px;
 }

 .film_index_display {
     margin-bottom: 0px !important;
 }

 .film_index_display .film_list_item {
     float: left;
     width: 23% !important;
     margin: 0px 2.1% 10px 0px !important;
     position: relative;
 }

 .film_index_display .film_list_item:nth-child(4n) {
     margin: 3px 0% 10px 0px !important;
 }

 .film_ta_search_display {
     margin-bottom: 0px !important;
 }

 .film_ta_search_display .film_list_item {
     float: left;
     width: 23% !important;
     margin: 0px 2.6% 30px 0px !important;
     position: relative;
 }

 .film_ta_search_display .film_list_item:nth-child(4n) {
     margin: 0px 0% 0px 0px !important;
 }

 .film_ta_search_display .film_list_item:nth-last-child(-n+4) {
     margin-bottom: 0px !important;
 }

 .film_five_row_display {
     margin-bottom: 0px !important;
 }

 .film_five_row_display .film_list_item {
     float: left;
     width: 18% !important;
     margin: 0px 2.5% 10px 0px !important;
     position: relative;
 }

 .film_five_row_display .film_list_item:nth-child(5n) {
     margin: 0px 0% 10px 0px !important;
 }

 .movie_list {
     float: left;
     width: 100%;
     margin-bottom: 20px;
 }

 .movie_list:last-child {
     margin-bottom: 0px;
 }

 .movie_list_item {
     float: left;
     width: 22%;
     margin: 0px 4% 10px 0px;
     position: relative;
 }

 .movie_list_item:nth-child(4n) {
     margin: 0px 0px 10px 0px;
 }

 .five_column .movie_list_item {
     float: left;
     width: 180px !important;
     margin: 0px 3.2% 10px 0px !important;
     position: relative;
 }

 .five_column .movie_list_item:nth-child(5n) {
     margin: 0px 0px 10px 0px !important;
 }
 /*.vip_five_column .movie_list_item:nth-child(5n) {
	margin: 0px 0px 10px 0px !important;
}*/

 .release_time {
     float: left;
     width: 100%;
     font-size: 14px;
     color: #3f3d3e;
     text-align: left;
     margin-bottom: 5px;
 }

 .movie_cover {
     float: left;
     width: 100%;
     position: relative;
     z-index: 1;
 }

 .HD_icon {
     position: absolute;
     z-index: 2;
     width: 65px;
     /*height:30px;
	top:5px;*/
     /*right:-5px;*/
     right: 0px;
 }

 .vip_icon {
     position: absolute;
     z-index: 2;
     width: 40px;
     height: 30px;
     bottom: 0px;
     right: -5px;
 }

 .MovieName {
     float: left;
     width: 100%;
     /*height:32px;*/
     font-size: 14px;
     overflow: hidden;
     line-height: 16px;
     color: #e3007f;
     text-align: left;
     margin-top: 5px;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
 }

 .movieActor {
     float: left;
     width: 100%;
     height: 14px;
     font-size: 14px;
     color: #272727;
     text-align: left;
     margin-top: 8px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }

 .movieActor .a_title {
     display: inline-block;
     vertical-align: middle;
 }

 .movieActor .a_name {
     display: inline-block;
     vertical-align: middle;
     color: #e3007f;
 }

 .movieActor .a_name:hover,
 .MovieName:hover {
     text-decoration: underline;
 }

 .am-wrapper {
     float: left;
     position: relative;
     overflow: hidden;
     width: 100%;
 }

 .am-wrapper img {
     position: absolute;
     outline: none;
     z-index: 999;
 }

 .comment_component {
     float: left;
     width: 100%;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 25px;
     background: #f5f5f5;
     border: #d7d2ce 1px solid;
 }

 .comment_component .input_area {
     float: left;
     width: 100%;
     height: 80px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 10px;
     background: #ffffff;
     border: #acacac 1px solid;
     outline: none;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
 }

 .comment_component .submit_wrap {
     float: left;
     width: 100%;
     margin-top: 5px;
 }

 .comment_component .comment_submit {
     float: right;
     width: 124px;
     height: 32px;
     background: #ef547b;
     border: #acacac 1px solid;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     border: none;
     cursor: pointer;
     color: #FFF;
 }

 .comment_component .comment_submit:hover {
     background: #c54062;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .comment_component .comment_list {
     float: left;
     width: 100%;
     border-bottom: #cccccc 1px solid;
     margin-top: 15px;
 }

 .comment_component .comment_list .comment_item {
     float: left;
     width: 100%;
     margin-bottom: 5px;
 }

 .comment_component .comment_list .comment_item .c_status {
     float: left;
     width: 100%;
     background: #232323;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     font-size: 14px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 8px 20px 8px 20px;
 }

 .comment_component .comment_list .comment_item .c_status .guest_name {
     float: left;
     font-weight: bold;
     color: #ff6189;
     margin-right: 10px;
 }

 .comment_component .comment_list .comment_item .c_status .guest_date {
     float: left;
     font-weight: normal;
     color: #FFF;
 }

 .comment_component .comment_list .comment_item .c_message {
     float: left;
     width: 100%;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 20px;
     font-size: 14px;
     color: #2a2a2a;
     line-height: 1.4;
     text-align: left;
 }

 .load_msg {
     float: left;
     width: 100%;
     margin-top: 20px;
     text-align: center;
 }

 .load_msg_btn {
     display: inline-block;
     border: none;
     width: 124px;
     height: 32px;
     background: #ef547b;
     border: #acacac 1px solid;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     border: none;
     cursor: pointer;
     color: #FFF;
 }

 .load_msg_btn:hover {
     background: #c54062;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .video_frame_group {
     display: inline-block;
     width: 900px;
     margin: 50px;
 }

 .video_player_set {
     float: left;
     width: 100%;
     position: relative;
 }

 .video_status {
     float: left;
     width: 100%;
     margin-top: 5px;
     margin-bottom: 5px;
     text-align: left;
 }

 .video_status h1 {
     display: inline-block;
     font-size: 16px;
     font-weight: bold;
     line-height: 1.4;
     color: #FFF;
 }

 .video_status .view_status {
     float: right;
 }

 .video_status .view_status .icon {
     float: left;
     width: 25px;
     height: 14px;
 }

 .video_status .view_status .count {
     float: left;
     margin-left: 3px;
     font-size: 14px;
     color: #FFF;
 }

 .video_function {
     float: left;
     width: 100%;
     height: 50px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     border: #444444 1px solid;
     background: #232323;
 }

 .video_function ul {
     float: left;
     display: inline-block;
     height: 50px;
 }

 .video_function ul li {
     float: left;
     height: 48px;
     color: #FFF;
     border-right: #444444 1px solid;
 }

 .video_function ul li:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     height: 100%;
 }

 .video_rating {
     vertical-align: middle;
     font-size: 30px;
     font-weight: bold;
     color: #92e306;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     margin-right: 20px;
     margin-left: 20px;
 }

 .video_rating_count {
     vertical-align: middle;
     font-size: 14px;
     font-weight: normal;
     color: #ffffff;
     margin-right: 20px;
 }

 .video_active_btn {
     float: left;
     position: relative;
     height: 48px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-right: 20px;
     padding-left: 20px;
     text-align: center;
     cursor: pointer;
 }

 .video_active_btn:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     height: 100%;
 }

 .video_active_btn .icon {
     display: inline-block;
     vertical-align: middle;
     height: 14px;
     margin-right: 5px;
 }

 .video_active_btn span {
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
     font-weight: bold;
     /*color: #FFF;*/
     position: relative;
 }

 .video_active_btn .status_icon {
     position: absolute;
     width: 33px;
     height: 15px;
     top: -13px;
     right: -15px;
 }

 .video_active_btn:hover,
 .video_active_btn.actived {
     background: #363636;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .video_vip_purchase {
     float: right;
     position: relative;
     z-index: 3;
     text-align: center;
     height: 48px;
     background: #ec6264;
     background: -moz-linear-gradient(top, #ffde03 2%, #f8bf00 100%);
     /* background: -webkit-linear-gradient(top, #ffde03 2%, #f8bf00 100%); */
     /* background: linear-gradient(to bottom, #ffde03 2%, #f8bf00 100%); */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde03', endColorstr='#f8bf00', GradientType=0);
     cursor: pointer;
 }
 /*.video_vip_purchase:hover, .video_vip_purchase.actived {
	background: #ffde03; 
	-webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .5);
	-moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .5);
	box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .5);
}*/

 .video_vip_purchase .icon {
     width: 100%;
     height: 48px;
     display: inline-block;
     vertical-align: middle;
 }

 .video_tag_function {
     float: left;
     width: 100%;
     display: table;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 10px 20px 10px 20px;
     border-left: #444444 1px solid;
     border-right: #444444 1px solid;
     border-bottom: #444444 1px solid;
     background: #232323;
     text-align: left;
 }

 .video_tag_function .display_icon {
     display: table-cell;
     height: 14px;
     width: 14px;
     margin-right: 10px;
     vertical-align: middle;
 }

 .video_tag_function .video_tag_display {
     display: table-cell;
     vertical-align: middle;
 }

 .video_tag_function .video_tag_display li {
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     color: #FFF;
     margin-right: 3px;
 }

 .video_tag_function .video_tag_display li:last-child {
     margin-right: 0px;
 }

 .video_tag_function .video_tag_display li a {
     display: block;
     font-size: 14px;
     font-weight: normal;
     color: #f1adad;
 }

 .video_tag_function .video_tag_display li a:hover {
     text-decoration: underline;
 }
 /**search**/

 .search_head {
     display: inline-block;
     width: 100%;
     margin-top: 13px;
     text-align: left;
 }

 .search_head .head_title {
     display: inline-block;
     vertical-align: middle;
     font-size: 25px;
     color: #0b0b0b;
     font-weight: normal;
     margin-right: 10px;
 }

 .search_head .search_wrap {
     display: inline-block;
     width: 175px;
     vertical-align: middle;
     background: #ece9e6;
     border: #d1d1d1 1px solid;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-top: 5px;
     padding-bottom: 5px;
     text-align: left;
 }

 .search_head .search_wrap .txt {
     display: inline-block;
     width: 67px;
     height: 30px;
     vertical-align: middle;
     border-right: #c2c1c1 1px solid;
     font-size: 14px;
     color: #3c3b3a;
     font-weight: bold;
     text-align: center;
     line-height: 30px;
 }

 .search_head .search_wrap .select-style {
     display: inline-block;
     vertical-align: middle;
     margin-left: 20px;
     width: 150px;
     height: 30px;
     overflow: hidden;
     background-color: #ece9e6;
     background: #ece9e6 url("../images/arrowdown.gif") no-repeat 90% 50%;
 }

 .search_head .search_wrap .select-style select {
     width: 130%;
     border: none;
     box-shadow: none;
     background-color: transparent;
     background-image: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     line-height: 30px;
     font-size: 14px;
     color: #3c3b3a;
 }

 .search_head .search_wrap .select-style select:focus {
     outline: none;
 }

 .search_content {
     display: inline-block;
     width: 100%;
     margin-top: 20px;
 }

 .target_item {
     float: left;
     display: table;
     width: 100%;
     background: #FFF;
     border: #cccccc 1px solid;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 20px;
     margin-bottom: 20px;
 }

 .search_target_wrap {
     display: table-cell;
     width: 360px;
     vertical-align: top;
 }

 .search_films_item {
     float: left;
     width: 360px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-bottom: 20px;
     border-bottom: #e1e1e1 1px solid;
     text-align: left;
 }

 .search_films_item .cover {
     float: left;
     width: 180px;
 }

 .search_films_item .film_detail {
     float: left;
     width: 170px;
     margin-left: 10px;
 }

 .search_films_item .film_detail h2 {
     font-size: 14px;
     color: #e3007f;
     font-weight: bold;
     line-height: 1.4;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .search_films_item .film_detail h2:hover {
     text-decoration: underline;
 }

 .search_films_item .film_detail table {
     width: 100%;
     margin-top: 5px;
     margin-bottom: 5px;
 }

 .search_films_item .film_detail table th {
     font-size: 14px;
     color: #4c4c4c;
     font-weight: bold;
     width: 70px;
 }

 .search_films_item .film_detail table td {
     font-size: 14px;
     color: #4c4c4c;
     height: 20px;
 }

 .search_films_item .film_detail table td a {
     font-size: 14px;
     color: #e3007f;
     font-weight: bold;
 }

 .search_films_item .film_detail table td a:hover {
     text-decoration: underline;
 }

 .search_films_item .film_detail .des {
     font-size: 12px;
     color: #4c4c4c;
     line-height: 1.4;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 6;
     -webkit-box-orient: vertical;
 }

 .search_target_actor {
     float: left;
     width: 360px;
     margin-top: 10px;
 }

 .search_target_actor .actor_head {
     float: left;
     width: 134px;
     height: 134px;
     -moz-border-radius: 67px;
     -webkit-border-radius: 67px;
     border-radius: 67px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     border: #e8e8e8 2px solid;
 }

 .search_target_actor .actor_table {
     float: left;
     width: 211px;
     margin-left: 14px;
     margin-top: 20px;
 }

 .search_target_actor .actor_table th {
     font-size: 14px;
     color: #4c4c4c;
     font-weight: bold;
     width: 70px;
 }

 .search_target_actor .actor_table td {
     font-size: 14px;
     color: #4c4c4c;
     height: 20px;
 }

 .search_target_actor .actor_table td a {
     font-size: 14px;
     color: #e3007f;
     font-weight: bold;
 }

 .search_target_actor .actor_table td a:hover {
     text-decoration: underline;
 }

 .search_target_clip {
     display: table-cell;
     vertical-align: top;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 20px;
 }
 /**vip**/

 .vip_banner {
     display: inline-block;
     width: 100%;
     position: relative;
 }

 .vip_banner .banner_body {
     position: relative;
     width: 100%;
     z-index: 1;
 }

 .vip_banner .banner_cover {
     position: absolute;
     width: 100%;
     z-index: 2;
 }

 .vip_banner .banner_slogan {
     position: absolute;
     width: 100%;
     z-index: 3;
     left: 0px;
     bottom: 0px;
     background: url(../images/bk_27.png) repeat;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 20px;
     text-align: center;
 }

 .vip_banner .banner_slogan .txt {
     display: inline-block;
     vertical-align: middle;
     width: 360px;
     height: 115px;
     margin-right: 30px;
 }

 .vip_banner .banner_slogan .vip_upgrade {
     display: inline-block;
     vertical-align: middle;
     width: 328px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 13px 16px 13px 16px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     background: #ffde03;
     /* Old browsers */
     background: -moz-linear-gradient(top, #ffde03 2%, #f8bf00 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #ffde03 2%, #f8bf00 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #ffde03 2%, #f8bf00 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde03', endColorstr='#f8bf00', GradientType=0);
     /* IE6-9 */
 }

 .vip_banner .banner_slogan .vip_upgrade .icon {
     display: inline-block;
     vertical-align: middle;
     width: 22px;
     height: 24px;
     margin-right: 10px;
 }

 .vip_banner .banner_slogan .vip_upgrade span {
     display: inline-block;
     vertical-align: middle;
     color: #000;
     font-size: 24px;
     color: #FFF;
     font-weight: bold;
     text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
 }

 .vip_banner .banner_slogan .vip_upgrade:hover {
     background: #ffde03;
 }

 .vip_promo_txt {
     display: inline-block;
     width: 100%;
     text-align: center;
     font-size: 24px;
     color: #171717;
     font-weight: bold;
     margin-top: 30px;
     margin-bottom: 20px;
 }
 /**footer**/

 #FOOTER {
     float: left;
     width: 100%;
     background: #FFF;
     text-align: center;
     position: relative;
     margin-top: 20px;
 }

 #FOOTER .Map_links {
     display: inline-block;
     width: 100%;
     margin-top: 40px;
 }

 #FOOTER .Map_links li {
     display: inline-block;
     vertical-align: middle;
     list-style-type: none;
     border-right: #3d3a3a 1px solid;
     margin-right: 10px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-right: 10px;
 }

 #FOOTER .Map_links li:last-child {
     border-right: none;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-right: 0px;
     margin-right: 0px;
 }

 #FOOTER .Map_links li a {
     display: block;
     font-size: 14px;
     color: #3d3a3a;
     font-weight: bold;
 }

 #FOOTER .Map_links li a:hover {
     text-decoration: underline;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 #FOOTER .subtier {
     display: inline-block;
     width: 100%;
     margin-top: 20px;
     margin-bottom: 20px;
 }

 #FOOTER .subtier li {
     display: inline-block;
     vertical-align: middle;
     list-style-type: none;
     margin-right: 15px;
     margin-top: 10px;
     height: 35px;
 }

 #FOOTER .subtier li:last-child {
     margin-right: 0px;
 }

 #FOOTER .subtier li a {
     display: block;
     height: 25px;
 }

 #FOOTER .subtier li a img {
     height: 25px;
 }

 #FOOTER .bottom_bar {
     float: left;
     width: 100%;
     background: #3c3e40;
     font-size: 12px;
     color: #ffffff;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 14px;
 }

 #FOOTER .bottom_bar .copyright {
     float: left;
 }

 #FOOTER .bottom_bar .warnings {
     float: right;
 }
 /**landing**/

 .landing_wrap {
     float: left;
     width: 100%;
     text-align: center;
     background: #FFF;
 }

 .landing_content {
     display: inline-block;
     width: 1024px;
 }

 .landing_head {
     display: inline-block;
     width: 100%;
     position: relative;
 }

 .landing_head .landing_visual {
     float: left;
     width: 100%;
     position: relative;
     z-index: 0;
 }

 .landing_head .landing_logo {
     position: absolute;
     z-index: 1;
     width: 175px;
     height: 49px;
     top: 20px;
     right: 40px;
 }

 .landing_head .landing_bottom_group {
     position: absolute;
     z-index: 1;
     width: 100%;
     bottom: 30px;
     left: 0px;
     text-align: center;
 }

 .landing_head .landing_bottom_group .adult_btn {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     text-align: center;
     width: 180px;
     height: 90px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f42e9d+1,e3007f+100 */
     background: #f42e9d;
     /* Old browsers */
     background: -moz-linear-gradient(top, #f42e9d 1%, #e3007f 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #f42e9d 1%, #e3007f 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #f42e9d 1%, #e3007f 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f42e9d', endColorstr='#e3007f', GradientType=0);
     /* IE6-9 */
     cursor: pointer;
     margin-right: 20px;
 }

 .landing_head .landing_bottom_group .adult_btn .center {
     display: inline-block;
     position: relative;
     text-align: center;
     width: 170px;
     height: 80px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     margin: 5px;
     border: #ffeaea 1px solid;
     font-size: 30px;
     color: #FFF;
     font-weight: bold;
     line-height: 80px;
     text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.1);
 }

 .landing_head .landing_bottom_group .unadult_btn {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     text-align: center;
     width: 180px;
     height: 90px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7d5d6+1,898989+100 */
     background: #d7d5d6;
     /* Old browsers */
     background: -moz-linear-gradient(top, #d7d5d6 1%, #898989 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #d7d5d6 1%, #898989 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #d7d5d6 1%, #898989 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d5d6', endColorstr='#898989', GradientType=0);
     /* IE6-9 */
     cursor: pointer;
     margin-right: 20px;
 }

 .landing_head .landing_bottom_group .unadult_btn .center {
     display: inline-block;
     position: relative;
     text-align: center;
     width: 170px;
     height: 80px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     margin: 5px;
     border: #ffeaea 1px solid;
     font-size: 30px;
     color: #FFF;
     font-weight: bold;
     line-height: 80px;
     text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.1);
 }

 .landing_head .landing_bottom_group .slogan {
     display: inline-block;
     vertical-align: middle;
     width: 565px;
     height: 110px;
 }

 .landing_warning {
     display: inline-block;
     width: 690px;
     margin-top: 10px;
     margin-bottom: 40px;
 }

 .landing_warning .landing_table {
     width: 100%;
     display: table;
     text-align: left;
 }

 .landing_warning .landing_table .adult_icon {
     display: table-cell;
     vertical-align: top;
     width: 90px;
     height: 90px;
 }

 .landing_warning .landing_table .adult_icon img {
     width: 100%;
 }

 .landing_warning .landing_table .adult_txt {
     display: table-cell;
     vertical-align: top;
     text-align: left;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 20px;
 }

 .landing_warning .landing_table .adult_txt .a_title {
     font-size: 18px;
     color: #333;
     font-weight: bold;
     line-height: 1.4;
     margin-bottom: 10px;
 }

 .landing_warning .landing_table .adult_txt .a_des {
     font-size: 12px;
     color: #080808;
     line-height: 1.4;
     margin-bottom: 20px;
 }

 .landing_warning .landing_table .adult_txt .a_des a {
     font-size: 12px;
     color: #e3007f;
 }

 .landing_warning .landing_table .adult_txt .a_des a:hover {
     text-decoration: underline;
 }

 .landing_warning .copy_right_footer {
     display: inline-block;
     width: 100%;
     margin-top: 20px;
     font-size: 12px;
     color: #333;
     text-align: center;
     line-height: 1.4;
 }
 /**/
 /* @media screen and (min-width: 1400px) {*/

 .vip_five_column .movie_list_item {
     float: left;
     width: /*18% */
     180px!important;
     margin: 0px 2.5% 10px 0px !important;
     position: relative;
 }

 .five_column .movie_list_item_2 {
     float: left;
     /*width: 14.063% !important;*/
     margin: 0px 0.8% 10px 0px !important;
     position: relative;
     width: 180px;
     !important;
 }

 .movie_list_display_2 {
     float: left;
     width: 630px;
 }

 .movie_list_l {
     margin-left: 2%;
 }

 .ad_row {
     float: left;
     width: 300px;
     height: 250px;
     margin-top: 5px;
     margin-right: 10px;
 }

 .film_right_column {
     float: right;
     /* float: left; */
     margin-right: 30px;
     margin-top: 20px;
     margin-bottom: 20px;
     position: relative;
     z-index: 2;
 }

 .cover_thumb {
     float: left;
     width: 180px;
     position: relative;
     color: #fff;
     max-height: 200px;
     overflow: hidden;
 }

 .cover_thumb_2 {
     float: left;
     width: 180px;
     position: relative;
     color: #fff;
     height: 209px;
     overflow: hidden;
 }
 /*}*/
 /**/

 .header_bg {
     width: 100%;
     background-color: #FFF;
 }

 .movie_list_2 {
     float: left;
     width: 100%;
     margin-bottom: 15px;
 }

 .movie_list_2 .movie_list_item_2 {
     float: left;
     width: 30.286%;
     margin: 5px 2% 10px 0px;
     position: relative;
 }

 .fix_more {
     float: right;
     margin-right: 10px;
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: #D0D0D0;
     padding-left: 10px;
     line-height: 25px;
 }

 .fix_more a {
     color: #e3007f;
     font-size: 16px;
 }

 .fix_more a:hover {
     color: #e3007f;
     text-decoration: underline;
 }

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

 .agency_promo_2 li {
     float: left;
     width: 240px;
     margin-bottom: 10px;
     border: #CCC 1px solid;
     margin-left: 4%;
     margin-bottom: 20px;
 }

 .agency_promo_2 li:last-child {
     margin-bottom: 0px;
 }

 .agency_promo_2 li a {
     display: block;
     width: 100%;
     text-align: center;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 5px;
     color: #E3007F;
 }

 .agency_promo_2 li a img {
     display: inline-block;
     height: 70px;
 }

 .agency_promo_2 li a:hover {
     background: #CCC;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     text-decoration: underline;
 }

 .movie_list_box {
     position: absolute;
     width: 100%;
     z-index: 2;
     padding-top: 20px;
     bottom: 0px;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.49+56,0.74+92 */
     /* IE9 SVG, needs conditional override of 'filter' to 'none' */
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43NCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.49) 56%, rgba(0, 0, 0, 0.74) 92%, rgba(0, 0, 0, 0.74) 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.49) 56%, rgba(0, 0, 0, 0.74) 92%, rgba(0, 0, 0, 0.74) 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.49) 56%, rgba(0, 0, 0, 0.74) 92%, rgba(0, 0, 0, 0.74) 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bd000000', GradientType=0);
     /* IE6-8 */
 }

 .movie_list_box ul li {
     float: left;
     margin-right: 5px;
     line-height: 15px;
     font-size: 11px;
     min-width: 13%;
     max-width: 100%;
     margin-bottom: 5px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     text-align: center;
 }

 .movie_list_box ul li img {
     float: left;
     width: 20px;
     font-size: 11px;
     padding: 0px 3px 0px 5px;
 }

 .movie_list_box ul li span {
     font-size: 11px;
     color: #2D2D2D;
     font-weight: bold;
 }

 .clear {
     clear: both;
 }

 .movie_list_box ul li {}

 .agency_promo_more {
     margin-top: 10px;
 }

 .agency_promo_more a {
     color: #F087A9;
 }

 .agency_promo_more a:hover {
     color: #E3008A;
     text-decoration: underline;
 }

 .movie_list_item_2 {
     float: left;
     width: 22%;
     margin: 0px 4% 10px 0px;
     position: relative;
 }

 .movie_list_item_2:nth-child(5n) {
     margin: 0px 0px 10px 0px;
 }

 .five_column .movie_list_item_2:nth-child(7n) {
     margin: 0px 0px 10px 0px !important;
 }

 .vip_five_column .movie_list_item_2 {
     float: left;
     width: 18% !important;
     margin: 0px 3.1% 10px 0px !important;
     position: relative;
 }

 .vip_five_column .movie_list_item_2:nth-child(6n) {
     margin: 0px 0px 10px 0px !important;
 }

 .line_l {
     border-left: #e3007f 5px solid;
 }

 .next_two {
     display: none;
 }

 .fb_row {
     float: left;
     width: 100%;
     margin-bottom: 20px;
     border-bottom-width: 1px;
     border-bottom-style: dashed;
     border-bottom-color: #999;
 }

 .fb_head {
     display: inline-block;
     width: 100%;
     position: relative;
 }

 .fb_head img {
     display: inline-block;
     width: 130px;
     height: 130px;
     -moz-border-radius: 65px;
     -webkit-border-radius: 65px;
     border-radius: 65px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     position: relative;
     z-index: 1;
 }

 .fb_text {
     text-align: left;
     margin: 20px 0px;
     border-bottom-width: 1px;
     border-bottom-style: dashed;
     border-bottom-color: #999;
     font-size: 14px;
     color: #3c3b3a;
     font-weight: bold;
     padding-bottom: 10px
 }

 .fb_id {
     /* margin: 10px 0px; */
     font-size: 21px;
     color: #3c3b3a;
     font-weight: bold;
     text-align: left;
     /* margin-top: 10px; */
     float: left;
 }

 .fb_no a {
     float: right;
     color: #E3007F;
 }

 .fb_no a:hover {
     text-decoration: underline;
 }

 .fb_word {
     margin: 10px 0px;
     color: #999;
     font-size: 15px;
 }

 .pay_box {
     width: 800px;
     height: 405px;
     background-color: #fafafa;
     margin: 0px auto;
 }

 .pay_photo {
     width: 350px;
     height: 470px;
     background-color: #fafafa;
     margin: 0px auto;
 }

 .pay_head {
     display: inline-block;
     width: 780px;
     text-align: left;
     padding: 10px;
     background-color: #464646;
 }

 .pay_head_title {
     display: inline-block;
     vertical-align: middle;
     font-size: 25px;
     color: #fff;
     font-weight: normal;
     margin-right: 10px;
 }

 .pay_content {
     width: 800px;
     margin: 0px auto;
 }

 .pay_data {
     width: 100%;
     text-align: center;
 }

 .pay_data p {
     color: #fff;
     font-size: 21px;
     line-height: 45px;
 }

 .pay_data .pay_text {
     text-align: center;
     line-height: 45px;
     font-size: 23px;
     color: #EF547B;
 }

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

 .pay_buy {
     line-height: 35px;
     margin: 10px;
     padding: 10px 20px 10px 20px;
 }

 .pay_buy img {
     float: left;
     width: 35px;
     margin-right: 15px;
 }

 .pay_buy h3 {
     float: left;
     font-size: 21px;
     margin-left: 15px 0px;
     color: #F44336;
 }

 .pay_buy span {
     margin-left: 15px;
     font-size: 19px
 }

 .buy_ib {
     color: #09F;
     font-size: 15px;
 }

 .buy_ib:hover {
     color: #09F;
     text-decoration: underline;
 }

 .form_btn_wrap2 {
     float: left;
     /*width: 100%;*/
     text-align: center;
     margin-top: 20px;
     margin-bottom: 10px;
 }

 .form_btn2 {
     display: inline-block;
     width: 192px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     text-align: center;
     border: #ce0274 1px solid;
     font-weight: bold;
     font-size: 16px;
     color: #ffffff;
     background: #e3007f;
     padding-top: 15px;
     padding-bottom: 15px;
     cursor: pointer;
 }

 .form_btn2:hover2 {
     background: #d10678;
     -moz-transition: ease-in-out 0.3s;
     -o-transition: ease-in-out 0.3s;
     -webkit-transition: ease-in-out 0.3s;
     transition: ease-in-out 0.3s;
 }

 .pay_left {
     float: left;
     background: rgb(231, 88, 84);
     width: 450px;
     height: 405px;
 }

 .pay_right {
     float: left;
     width: 350px;
     height: 405px;
 }

 .pay_left_title {}

 .pay_left_title p {
     padding: 20px;
     font-size: 25px;
     color: #FFF;
 }

 .pay_left_right {}

 .pay_left_right p {
     padding: 10px 20px;
     font-size: 25px;
     color: #3e585f;
 }

 .pay_left_box {
     padding: 0px 20px;
 }

 .pay_left_content {
     float: left;
     margin: 10px 5px;
     width: 193px;
 }

 .pay_left_content img {
     float: left;
     width: 55px;
 }

 .pay_left_content span {
     line-height: 45px;
     padding: 0px 15px;
     color: #fff;
     font-size: 18px;
 }

 .pay_btn {
     width: 100%;
     line-height: 52px;
     font-size: 25px;
     text-align: center;
     margin: 10px 0px;
 }

 .pay_btn a {
     color: #fff;
     font-size: 19px;
     background-color: #096;
     padding: 15px 90px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font-weight: lighter;
 }

 .pay_btn_msg {
     text-align: center;
 }

 .pay_btn a:hover {
     background-color: #039061;
 }

 .pay_btn_pt {
     width: 100%;
     line-height: 52px;
     font-size: 25px;
     text-align: center;
     margin: 12px 0px;
 }

 .pay_btn_pt a {
     color: #fff;
     font-size: 18px;
     background-color: #0B94BD;
     padding: 0px 0px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     width: 295px;
     display: block;
     margin: 0 auto;
     font-weight: lighter;
 }

 .pay_btn_pt a:hover {
     background-color: #0B8BB1;
 }

 .user_form_2 {
     float: left;
     display: table;
     width: 85%;
     background: #ece9e6;
     border: #d1d1d1 1px solid;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding-top: 10px;
     padding-bottom: 10px;
     text-align: left;
     margin: 10px 25px;
 }

 .user_form_2 .input_field_wrap {
     display: table-cell;
     vertical-align: middle;
     height: 30px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding-left: 20px;
     padding-right: 20px;
     position: relative;
 }

 .user_form_2 .input_field_wrap .input_field {
     width: 100%;
     height: 30px;
     background: none;
     border: none;
     font-size: 14px;
     color: #3c3b3a;
 }
 /**/

 .ad {
     width: 1000px;
     height: 300px;
     margin: 10px auto;
     clear: both;
 }

 .tag_nav {
     display: inline-block;
 }

 .tag_nav li {
     float: left;
     padding: 5px;
     margin-right: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     margin-bottom: 3px;
 }

 .tag_nav li a {
     color: #313131;
 }

 .tag_nav li a:hover {
     text-decoration: underline;
 }

 .ad_img {
     width: 100%;
 }

 .vip_color {
     background: #02BAD4;
 }

 .tag_color {
     background-color: #FFF0D9;
 }

 .tag_color_1 {
     background-color: #FDD292;
 }

 .tag_color_2 {
     background-color: #F7B24C;
 }

 .tag_color_3 {
     background-color: #FF9800;
 }

 .tag_color_4 {
     color: #F3868A;
 }

 .tag_color_5 {
     color: #000;
 }

 .content_l {
     float: left;
     width: 1000px;
 }

 .content_l--2 {
     float: left;
     width: 1000px;
 }

 .tag_head {
     border-top: #cccccc 1px solid;
     margin: 5px 0px;
     padding: 15px 0px;
 }

 .tag_more {}

 .tag_close {
     border-top: #cccccc 1px solid;
     margin: 15px 0px;
     text-align: center;
     padding: 10px 0px;
 }

 .tag_close a {
     color: #333;
     background-color: #D0D0D0;
     padding: 4px 7px;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
 }

 #tag_more_row {
     display: none;
 }

 .photo {
     width: 190px;
     height: 190px;
     background-size: cover;
     border-top-width: 1px;
     border-right-width: 1px;
     border-left-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-left-style: solid;
     border-top-color: #E4E4E4;
     border-right-color: #E4E4E4;
     border-left-color: #E4E4E4;
 }

 .portray {
     border-bottom-width: 1px;
     border-bottom-style: dashed;
     border-bottom-color: #CCC;
 }

 .portray_img {
     width: 125px;
     float: left;
     padding: 15px 5px 15px 15px;
 }

 .portray_img img {
     width: 100%;
 }

 .portray_text {
     float: left;
     width: 135px;
     text-align: left;
     font-size: 15px;
     padding: 15px 15px 15px 0px;
     font-size: 13px;
 }

 .portray_text p {
     margin-bottom: 5px;
 }

 .portray_text h5 {
     margin-bottom: 5px;
     color: #e3007f;
 }

 .portray_text .portray_text_word {
     color: #e3007f;
 }

 .portray_btn {
     width: 100%;
     line-height: 25px;
     text-align: center;
     margin: 10px auto 0px auto;
 }

 .portray_btn a {
     color: #fff;
     font-size: 13px;
     background-color: #0B94BD;
     padding: 5px 20px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }

 .portray_info_box {
     float: left;
     width: 100%;
     background: #FFF;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     /*padding: 20px;*/
     margin-bottom: 20px;
     margin-top: 15px;
 }

 .icon_av {
     display: inline-block;
     vertical-align: middle;
     width: 30px;
     margin-right: 5px;
 }

 .picture_box {
     width: 980px;
     margin: 10px auto;
     padding: 5px 10px;
     /*background: #fff;
	border: #cccccc 1px solid;*/
 }

 .picture_img {
     width: 600px;
     margin: 15px auto;
     border: 1px solid #D8D8D8;
 }

 .picture_img img {
     width: 100%
 }

 .tag_box {
     width: 500px;
     float: left;
     margin: 20px 0px;
 }

 .picture_head {
     float: left;
     margin: 23px 0px;
     font-size: 23px;
 }

 .btn {
     float: right;
     margin: 23px 0px;
     font-size: 27px;
     position: absolute;
     font-weight: bold;
     width: 1000px;
     top: 35%;
 }

 .back_btn {
     float: left;
     background: #fff;
     margin-right: 10px;
     border: 1px solid #D8D8D8;
 }

 .back_btn:hover {
     border: 1px solid #333;
 }

 .back_btn a {
     padding: 15px;
     color: #BDBDBD;
 }

 .back_btn a:hover {
     padding: 15px;
     color: #333;
 }

 .next_btn {
     float: right;
     background: #fff;
     border: 1px solid #D8D8D8;
 }

 .next_btn:hover {
     border: 1px solid #5A5A5A;
 }

 .next_btn a {
     padding: 15px;
     color: #BDBDBD;
 }

 .next_btn a:hover {
     padding: 15px;
     color: #5A5A5A;
 }

 .pay_photo_box p {
     font-size: 19px;
     line-height: 35px;
 }

 .pay_photo_box ul {
     float: left;
     text-align: left;
     width: 150px;
     padding: 5px;
 }

 .pay_photo_box ul li {
     margin-bottom: 5px;
 }

 .film_dl_pt {
     color: #06B4EF;
     line-height: 35px;
 }

 .portray_pay {
     padding: 20px;
     margin-bottom: 20px;
 }

 .blog_box {
     float: right;
     width: 400px;
     margin: 20px 0px;
 }

 .blog_box ul {}

 .blog_box ul li {
     float: right;
     margin: 0px 3px;
     width: 35px;
 }

 .blog_box ul li img {
     width: 100%;
 }

 .phto_tab {
     display: inline-block;
     vertical-align: middle;
 }

 .phto_tab ul {}

 .phto_tab_active {
     background-color: #FAFAFA;
     padding: 10px 15px;
     color: #333;
     border-top-width: 1px;
     border-right-width: 1px;
     border-left-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-left-style: solid;
     border-top-color: #d7d7d7;
     border-right-color: #d7d7d7;
     border-left-color: #d7d7d7;
 }

 .phto_tab_active:hover {
     background-color: #Fff;
 }

 .phto_tab ul li {
     float: left;
     margin: 0px 0px;
 }

 .phto_tab_a {
     background-color: #FFF;
     padding: 10px 15px;
     color: #333;
     border-top-width: 1px;
     border-right-width: 1px;
     border-left-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-left-style: solid;
     border-top-color: #d7d7d7;
     border-right-color: #d7d7d7;
     border-left-color: #d7d7d7;
 }

 .phto_tab ul li .phto_tab_a:hover {
     background-color: #FAFAFA;
 }

 .content_r {
     float: left;
     width: 1400px;
 }

 .video_player_set a img {
     width: 100%;
 }

 .photo_view_info {
     float: left;
     width: 100%;
     height: 25px;
     background: #f087a9;
 }

 .photo_view_info .icon {
     width: 20px;
     padding: 7px 5px 5px 5px;
     float: left;
 }

 .photo_view_info .count {
     font-size: 13px;
     color: #fff;
     padding: 5px 5px 5px 5px;
     float: left;
 }

 .tag_head h3 {
     color: #333;
     font-size: 21px;
     margin-bottom: 10px;
 }

 .file_detail_2 {
     display: inline-block;
     width: 100%;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     padding: 0px 15px;
     /*	margin-bottom: 5px;*/
     /*border: 1px solid #ece9e6;*/
 }

 .file_detail_2 .d_name {
     float: left;
     text-align: left;
     width: 70px;
     height: 34px;
     line-height: 34px;
     font-size: 14px;
     color: #000;
     font-weight: normal;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
 }

 .file_detail_2 .d_txt {
     float: left;
     text-align: left;
     height: 34px;
     line-height: 34px;
     font-size: 14px;
     color: #000;
     font-weight: bold;
 }

 .ranking_icon_box {
     position: absolute;
     right: 5px;
     top: 8px;
 }

 .actor_list_img {
     width: 225px;
     height: 337px;
 }

 .ad_row_2 {
     float: left;
     width: 300px;
     height: 250px;
     margin-top: 60px;
     margin-right: 10px;
 }

 #view_info_hide {
     display: none;
 }
 /**/

 .film_list .film_list_item_3 {
     float: left;
     width: 24%;
     margin: 0px 1.3% 10px 0px;
     position: relative;
 }

 .film_list .film_list_item_3:nth-child(4n) {
     margin: 0px 0px 10px 0px;
 }

 .film_list .film_list_item_3 .cover_thumb {
     float: left;
     width: 100%;
     position: relative;
 }

 .film_list .film_list_item_3 .film_clip {
     float: left;
     width: 100%;
     position: relative;
     z-index: 1;
 }

 .film_list .film_list_item_3 .HD_icon {
     position: absolute;
     z-index: 2;
     width: 65px;
     /*	height:30px;
	top:5px;
	right:-5px;*/
 }

 .film_list .film_list_item_3 .vip_icon {
     position: absolute;
     z-index: 2;
     width: 40px;
     height: 30px;
     bottom: 0px;
     right: -5px;
 }

 .film_list .film_list_item_3 .rating {
     position: absolute;
     z-index: 2;
     width: 50px;
     height: 50px;
     left: 5px;
     bottom: 5px;
     background: url(../images/flim_clip_rating_icon.png) no-repeat;
     background-size: 50px 50px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     font-size: 12px;
     color: #92e306;
     padding-top: 30px;
     text-align: center;
 }

 .film_list .film_list_item_3 .view_info .icon {
     float: left;
     margin-left: 10px;
     width: 21px;
     height: 12px;
     margin-top: 6px;
 }

 .film_list .film_list_item_3 .view_info .count {
     float: left;
     margin-left: 3px;
     font-size: 12px;
     color: #FFF;
     margin-top: 6px;
 }

 .film_list .film_list_item_3 .view_info .time {
     float: right;
     height: 25px;
     background: #3d0819;
     text-align: center;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     line-height: 25px;
     font-size: 12px;
     color: #FFF;
     padding-left: 10px;
     padding-right: 10px;
 }

 .film_index_display {
     margin-bottom: 0px !important;
 }

 .film_index_display .film_list_item_3 {
     float: left;
     /**/
     width: 240px;
     !important;
     margin: 0px 2.6% 10px 0px !important;
     position: relative;
 }
 /*.film_index_display .film_list_item_3:nth-child(5n) {
	margin: 0px 0% 10px 0px !important;
}*/

 .film_ta_search_display {
     margin-bottom: 0px !important;
 }

 .film_ta_search_display .film_list_item_3 {
     float: left;
     width: 23% !important;
     margin: 0px 2.6% 30px 0px !important;
     position: relative;
 }

 .film_ta_search_display .film_list_item_3:nth-child(5n) {
     margin: 0px 0% 0px 0px !important;
 }

 .film_ta_search_display .film_list_item_3:nth-last-child(-n+4) {
     margin-bottom: 0px !important;
 }

 .film_five_row_display {
     margin-bottom: 0px !important;
 }

 .film_five_row_display .film_list_item_3 {
     float: left;
     width: 18% !important;
     margin: 0px 2.5% 10px 0px !important;
     position: relative;
 }

 .film_five_row_display .film_list_item_3:nth-child(5n) {
     margin: 0px 0% 10px 0px !important;
 }

 .film_title {
     width: 100%;
     text-align: left;
     font-size: 25px;
     font-weight: normal;
     color: #0b0b0b;
     margin-bottom: 15px;
 }

 .ibiza_coin {
     display: inline-block;
     vertical-align: top;
     width: 1000px;
 }

 .ibiza_coin_box {
     display: inline-block;
     vertical-align: top;
     width: 300px;
     background: #FFF;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     margin-bottom: 20px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 30px;
     margin: 20px 1% 45px 1%;
 }

 .ibiza_title {
     font-size: 35px;
     margin: 29px 0px 25px 0px;
 }

 .coin_btn_pt {
     width: 100%;
     line-height: 52px;
     text-align: center;
     margin: 24px 0px;
 }

 .coin_btn_pt a {
     color: #fff;
     font-size: 15px;
     background-color: #0B94BD;
     padding: 10px 80px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }

 .coin_btn_pt a:hover {
     background-color: #0B8BB1;
 }

 .ibiza_coin_line {
     border-top-width: 1px;
     border-top-style: dashed;
     border-top-color: #999;
     margin: 10px 0px;
 }

 .coin_text {
     font-size: 45px;
     margin: 10px 0px;
     color: #FF547F;
 }

 .coin_nt {
     font-size: 16px;
     margin: 5px 0px;
     font-weight: lighter;
 }

 .ibiza_coin_img {
     width: 50px;
     margin: 10px auto;
 }

 .ibiza_coin_img img {
     width: 100%;
 }

 .coin_unit {
     color: #6B6B6B;
     font-size: 19px;
     font-weight: lighter;
     margin-left: 3px;
 }

 .coin_word {
     margin: 15px 0;
 }

 .coin_pay {
     display: inline-block;
     vertical-align: top;
     width: 700px;
     background: #FFF;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     margin: 30px 0px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 30px;
 }

 .table_top {
     width: 95%;
     font-weight: lighter;
     margin: 0 auto;
 }

 .table_top td {
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #e6e6e6;
     padding: 20px 5px 20px 10px;
     font-size: 19px;
     font-weight: lighter;
 }

 .table_top th {
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #e6e6e6;
     padding: 20px 5px 20px 10px;
     font-size: 19px;
     text-align: center;
     font-weight: lighter;
 }

 .pay_input {
     height: 35px;
     padding: 5px;
     width: 350px;
     display: inline-block;
     border: 1px solid #ccc;
     box-shadow: inset 0 1px 3px #ddd;
     border-radius: 4px;
     vertical-align: middle;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     float: left;
 }

 .pay_input_2 {
     height: 35px;
     padding: 5px;
     width: 75px;
     display: inline-block;
     border: 1px solid #ccc;
     box-shadow: inset 0 1px 3px #ddd;
     border-radius: 4px;
     vertical-align: middle;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     float: left;
 }

 .table_top span {
     float: left;
     margin: 0px 5px;
     line-height: 30px;
 }

 .pay_input_select {
     height: 3em;
     border: 1px solid #ccc;
     background-color: white;
     width: 100px;
 }

 .pay_legend {
     width: 95%;
     font-weight: lighter;
     margin: 10px auto;
     line-height: 30px;
     text-align: justify;
 }

 .pay_ntd {
     color: #F00;
     float: left;
 }

 .pay_usd {
     color: #666;
     float: left;
     font-size: 15px;
     margin-left: 5px;
     line-height: 20px;
 }

 .pay_relieved {
     width: 95%;
     font-weight: lighter;
     margin: 10px auto;
     line-height: 25px;
     text-align: left;
 }

 .pay_relieved ul {}

 .pay_relieved ul li {
     text-align: justify;
     font-size: 15px;
 }

 .pay_relieved p {
     color: #e3007f;
     font-weight: bold;
     font-size: 17px;
 }

 .pay_ip {
     width: 95%;
     font-weight: lighter;
     margin: 10px auto;
     line-height: 25px;
     text-align: left;
 }

 .pay_ip ul {}

 .pay_ip ul li {
     text-align: justify;
     font-size: 15px;
 }

 .pay_ip ul li span {
     color: #e3007f;
     font-weight: bold;
     margin-left: 5px;
 }

 .pay_ip p {
     color: #e3007f;
     font-weight: bold;
     font-size: 17px;
 }

 .coin_btn_pay {
     width: 100%;
     line-height: 52px;
     text-align: center;
     margin: 24px 0px;
 }

 .coin_btn_pay a {
     color: #fff;
     font-size: 17px;
     background-color: #0B94BD;
     padding: 15px 80px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }

 .coin_btn_pay a:hover {
     background-color: #0B8BB1;
 }

 .pay_service {
     color: #e3007f;
     font-size: 17px;
 }

 .coin_btn_success {
     width: 50%;
     line-height: 52px;
     text-align: center;
     margin: 24px 0px;
     float: left;
 }

 .coin_btn_success a {
     color: #fff;
     font-size: 17px;
     background-color: #0B94BD;
     padding: 15px 80px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }

 .coin_btn_success a:hover {
     background-color: #0B8BB1;
 }

 .pay_success_title {
     font-size: 30px;
     line-height: 55px;
 }

 .pay_success_text {
     line-height: 35px;
     margin: 15px 0;
     text-align: center;
 }

 .btn_success {
     width: 600px;
     margin: 0 auto;
 }

 .error {
     width: 1000px;
     margin: 0 auto;
 }

 .error_img {
     width: 360px;
     margin: 100px auto 50px auto;
 }

 .error_img img {
     width: 360px;
     margin: 0 auto;
 }

 .error_sorry {
     font-size: 75px;
     text-align: center;
 }

 .error_404 {
     font-size: 100px;
     text-align: center;
 }

 .error_not {
     font-size: 25px;
     text-align: center;
 }

 .error_footer {
     text-align: center;
     margin: 25px 0;
 }

 .error_footer span {
     margin: 0px 5px;
 }

 .error_footer a {
     color: #e3007f;
 }

 .error_footer a:hover {
     color: #e3007f;
     text-decoration: underline;
 }
 /**/

 .block_123 {
     width: 100%;
     height: 100%;
     z-index: 9999;
     position: absolute;
     vertical-align: middle;
     color: rgba(255, 255, 255, 0);
     text-align: center;
 }

 .block_123:hover {
     background: rgba(0, 0, 0, 0.75);
     width: 100%;
     height: 100%;
     z-index: 9999;
     position: absolute;
     color: rgba(255, 255, 255, 1);
     transition: 1s;
 }

 .loading {
     width: 100%;
     height: 100%;
     background-image: url("../images/loading_all.gif");
     background-repeat: no-repeat;
     background-size: initial;
     background-position-x: 50%;
     background-position-y: 50%;
 }

 .cover_thumb_img {
     min-height: 210px;
 }

 .ranking_icon_img {
     min-height: 88px;
 }

 .fragments {
     min-height: 137px;
 }

 .firm_logo {
     min-height: 50px;
 }

 .view_box {
     position: relative;
     top: 45%;
     text-align: center;
     font-size: 0.9em;
 }

 .publisher {
     margin: 2em 0;
 }

 .publisher li {
     float: left;
     width: 310px;
     height: 150px;
     /* border: 1px solid #CCC; */
     position: relative;
     margin: 0 5px;
     background: #fff;
     box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
     -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
     margin-bottom: 50px;
 }

 .publisher_logo {
     position: absolute;
     width: 130px;
     border: 1px solid #CCC;
     top: -30px;
     background-color: #FAFAFA;
     left: 10px;
     padding: 3px;
     background: #fff;
 }

 .publisher_logo img {
     width: 100px;
     margin: 5px auto 0 auto;
     display: block;
 }

 .publisher_l {
     width: 160px;
     /* height: 110px; */
     margin-top: 30px;
     margin-left: 10px;
     float: left;
     z-index: 1;
     position: relative;
 }

 .publisher_name {
     padding-top: 5px;
     color: #FFFFFF;
     margin-bottom: 20px;
     text-shadow: rgba(0, 0, 0, .6) 0 0 5px;
 }

 .publisher_av {
     width: 90px;
     margin: 0 auto;
 }

 .publisher_av img {
     width: 100%;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     border-radius: 100px;
     border: 1px solid #CCC;
 }

 .publisher_av_name {
     text-align: center;
     color: #c2026d;
     margin-bottom: 3px;
 }

 .publisher_r {
     width: 130px;
     height: 90px;
     float: left;
     padding: 5px;
     position: relative;
     margin-top: 43px;
 }

 .publisher_word {
     font-size: 13px;
     font-weight: bold;
 }

 .publisher_word span {
     font-size: 13px;
     font-weight: lighter;
     color: #999;
     margin-left: 3px;
     font-size: 13px;
 }

 .publisher_no {
     width: 30px;
     position: absolute;
     left: 56px;
     top: -7px;
 }

 .publisher_no img {
     width: 100%;
 }

 .publisher_title {
     width: 100%;
     height: 65px;
     overflow: hidden;
     position: absolute;
     z-index: 0;
     top: -1px;
 }

 .publisher_title_box {
     background: rgba(0, 0, 0, 0.2);
     width: 100%;
     height: 100%;
     z-index: 99;
     position: absolute;
 }

 .publisher_title_box:hover {
     background: rgba(255, 255, 225, 0.1);
     transition: 3s;
     width: 100%;
     height: 100%;
     z-index: 99;
     position: absolute;
 }

 .publisher_title img {
     width: 100%;
 }

 .ad ul {
     margin: 1em 0;
 }

 .ad ul li {
     float: left;
     margin: 0 15px;
 }
 /*av_news*/

 .av_news_top {}

 .av_news_top_content {
     width: 1240px;
     position: relative;
     margin: 0px auto;
 }

 .av_news_top_list--1 {
     width: 610px;
     float: left;
     margin: 0 5px;
     height: 335px;
     background-color: #999;
     position: relative;
     height: 305px;
     overflow: hidden
 }

 .av_news_top_list--2 {
     width: 300px;
     float: left;
     margin: 0px 5px 5px 5px;
     height: 150px;
     background-color: #999;
     position: relative;
     overflow: hidden;
 }

 .av_news_top_list--3 {
     width: 300px;
     float: left;
     margin: 0px 5px 5px 5px;
     height: 150px;
     background-color: #999;
     position: relative;
     overflow: hidden;
 }

 .av_news_top_list--4 {
     width: 300px;
     float: left;
     margin: 0px 5px 0px 5px;
     height: 150px;
     background-color: #999;
     position: relative;
     overflow: hidden;
 }

 .av_news_top_list--5 {
     width: 300px;
     float: left;
     margin: 0px 5px 0px 5px;
     height: 150px;
     background-color: #999;
     position: relative;
     overflow: hidden;
 }

 .av_news_top_list img {
     width: 100%;
 }

 .av_news_top_list_hover {
     background: rgba(0, 0, 0, 0.2);
     width: 100%;
     height: 100%;
     /*    z-index: 99;*/
     position: absolute;
 }

 .av_news_top_list_hover:hover {
     background: rgba(255, 255, 225, 0.1);
     transition: 3s;
     width: 100%;
     height: 100%;
     z-index: 99;
     position: absolute;
 }

 .av_news_top_list_text {
     position: absolute;
     bottom: 0px;
     width: 96%;
     color: #FFF;
     /*    z-index: 100;*/
     font-size: 21px;
     text-align: justify;
     padding: 2%;
     text-shadow: rgba(0, 0, 0, .6) 0 0 5px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.18+49,0.65+100 */
     /* IE9 SVG, needs conditional override of 'filter' to 'none' */
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 49%, rgba(0, 0, 0, 0.65) 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 49%, rgba(0, 0, 0, 0.65) 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 49%, rgba(0, 0, 0, 0.65) 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
     /* IE6-8 */
 }

 .av_news_top_list_text--1 {
     position: absolute;
     bottom: 0px;
     width: 96%;
     color: #FFF;
     /*    z-index: 100;*/
     font-size: 19px;
     text-align: justify;
     padding: 2%;
     text-shadow: rgba(0, 0, 0, .6) 0 0 5px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.18+49,0.65+100 */
     /* IE9 SVG, needs conditional override of 'filter' to 'none' */
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 49%, rgba(0, 0, 0, 0.65) 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 49%, rgba(0, 0, 0, 0.65) 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 49%, rgba(0, 0, 0, 0.65) 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
     /* IE6-8 */
 }

 .av_head {
     font-size: 21px;
     text-align: left;
     margin: 0.5em 0;
     color: #4a4a4a;
     margin-left: 10px;
 }

 .av_head span {
     font-size: 16px;
     color: #8C8C8C;
     margin-left: 10px;
 }

 .av_news_bottom {}

 .av_news_bottom_content {
     width: 1240px;
     position: relative;
     margin: 20px auto;
 }

 .av_news_bottom_list {
     width: 300px;
     float: left;
     margin: 5px 5px 15px 5px;
 }

 .av_news_bottom_list_img {
     width: 300px;
     height: 160px;
     overflow: hidden;
 }

 .av_news_bottom_list_img img {
     width: 100%;
     overflow: hidden;
 }

 .av_news_bottom_list_img img:hover {
     width: 120%;
     transition: 3s;
 }

 .av_news_bottom_list a p {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     line-height: 30px;
     min-height: 60px;
 }

 .av_news_bottom_list a {
     color: #4a4a4a;
     text-align: justify;
     text-decoration: none;
 }

 .av_news_bottom_list a:hover {
     color: #4a4a4a;
     text-align: justify;
     text-decoration: underline;
 }
 /**/

 .tab_active_btn {
     color: #FFE54B;
 }

 .am-container {
     width: 1000px;
     margin: 0 auto;
 }

 .am-container--2 {
     width: 1000px;
     margin: 0 auto;
 }

 .app_dn {
     display: inline-block;
     width: 100%;
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .app_dn li {
     display: inline-block;
     list-style-type: none;
     margin-right: 15px;
     margin-top: 10px;
     height: 35px;
 }

 .app_dn li p {
     padding-bottom: 10px;
 }
 /**/

 .app_box {
     width: 100%;
     height: auto;
     background: url(../images/av_1280.jpg);
     background-repeat: no-repeat;
     background-size: cover;
 }

 .inner {
     margin: 0 auto;
     width: 1200px;
 }

 .inner_left {
     float: left;
     width: 512px;
 }

 .inner_left img {
     margin: 40px 0;
     width: 75%;
 }

 .inner_right {
     float: left;
     width: 650px;
 }

 .app_name {
     color: #fff;
     font-size: 35px;
     margin-top: 117px;
     text-align: left;
 }

 .app_title {
     text-align: left;
     margin-top: 10px;
     font-size: 50px;
     color: #fff;
 }

 .app_text {
     color: #fff;
     line-height: 40px;
     font-size: 25px;
     text-align: left;
 }

 .app_btn {
     float: left;
     padding: 10px 30px;
     margin-top: 20px;
     font-size: 21px;
     border: 1px solid #FFF;
     color: #fff;
     font-weight: bold;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }

 .app_btn:hover {
     float: left;
     padding: 10px 30px;
     margin-top: 20px;
     font-size: 21px;
     border: 1px solid #FFF;
     color: #e3007f;
     font-weight: bold;
     background: #fff;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }

 .app_18 {
     color: #E3007F;
     text-align: left;
     margin-top: 21px;
     font-size: 21px
 }

 .app_box_bottom {
     width: 100%;
     height: auto;
     background: #fff;
 }

 .inner_bottom {
     margin: 0 auto;
     width: 1024px;
     padding-bottom: 40px;
 }

 .inner_bottom_left {
     float: left;
     width: 240px;
     margin: 10px 5px;
 }

 .inner_bottom_left--2 {
     /*float: left;*/
     width: 512px;
     margin:25px auto 0;
 }

 .app_icon {
     width: 150px;
     margin: 20px auto 0px auto;
 }

 .app_icon img {
     width: 100%;
 }

 .app_head {
     padding: 50px 0 20px 0;
     font-size: 35px;
     color: #505050;
 }

 .line {
     width: 50px;
     border-bottom-color: #D6D6D6;
     border-bottom-style: solid;
     border-bottom-width: 2px;
     margin: 0 auto;
 }

 .icon_title {
     font-size: 23px;
     color: #484848;
     line-height: 40px;
 }

 .icon_text {
     font-size: 14px;
     line-height: 30px;
     color: #999;
 }

 .app_icon_qr {
     display: block;
 }

 .app_icon_qr:hover {
     moz-box-shadow: 1px 1px 10px #bbb;
     -webkit-box-shadow: 1px 1px 10px #bbb;
     box-shadow: 1px 1px 10px #bbb;
 }

 .am-container_width {
     width: 1336px;
 }

 .film_dl_btn_dw {
     float: left;
     width: 100%;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     text-align: center;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e87173+0,f14a4a+100 */
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
     background: rgb(255, 168, 76);
     /* Old browsers */
     /* IE9 SVG, needs conditional override of 'filter' to 'none' */
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTg0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdiMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
     background: -moz-linear-gradient(top, rgba(255, 168, 76, 1) 0%, rgba(255, 123, 13, 1) 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(255, 168, 76, 1) 0%, rgba(255, 123, 13, 1) 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(255, 168, 76, 1) 0%, rgba(255, 123, 13, 1) 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0);
     /* IE6-8 */
     border: #7a370b 1px solid;
     padding: 15px 0px 15px 0px;
     color: #fff;
 }

 .film_dl_btn_dw .icon {
     display: inline-block;
     vertical-align: middle;
     height: 18px;
     margin-right: 5px;
 }

 .film_dl_btn_dw span {
     display: inline-block;
     vertical-align: middle;
     font-size: 18px;
     color: #FFF;
     font-weight: bold;
 }

 .film_dl_btn_dw:hover {
     background: #ff7b0d;
     /* Old browsers */
 }

 .bought_tab {}

 .bought_tab li {
     float: left;
     padding: 0;
     margin: 5px 0px 10px 0px;
 }

 .bought_tab li:nth-child(1) {
     border-top: 1px #e3007f solid;
     border-bottom: 1px #e3007f solid;
     border-left: 1px #e3007f solid;
     -webkit-border-top-left-radius: 3px;
     -webkit-border-bottom-left-radius: 3px;
     -moz-border-radius-topleft: 3px;
     -moz-border-radius-bottomleft: 3px;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
 }

 .bought_tab li:nth-child(2) {
     border: 1px #e3007f solid;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
 }

 .bought_tab li:nth-child(3) {
     border-top: 1px #e3007f solid;
     border-bottom: 1px #e3007f solid;
     border-right: 1px #e3007f solid;
     -webkit-box-sizing: border-box;
     /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
     /* Firefox, other Gecko */
     box-sizing: border-box;
     -webkit-border-top-right-radius: 3px;
     -webkit-border-bottom-right-radius: 3px;
     -moz-border-radius-topright: 3px;
     -moz-border-radius-bottomright: 3px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
 }

 .bought_btn a {
     color: #e3007f;
     padding: 5px 15px;
     display: block;
 }

 .bought_btn a:hover {
     color: #fff;
     padding: 5px 15px;
     background: #e3007f;
     display: block;
 }

 .bought_btn .active_btn {
     color: #fff;
     padding: 5px 15px;
     background: #e3007f;
     display: block;
 }

 .recording_table .name_a {
     color: #e3007f;
 }

 .recording_table .name_a:hover {
     color: #e3007f;
     text-decoration: underline;
 }

 .expired {
     color: #f00;
     margin-left: 5px;
 }

 .pay_card {
     display: none;
 }

 .back_card {
     float: left;
 }

 .back_card {
     color: #0b94bd;
 }

 .back_card i {

     margin-right: 5px;
 }

 .visa_icon {
     display: inline-block;
     font-size: 15px;
     color: dimgrey;
 }

 .visa_icon span {
     margin-right: 10px;
     line-height: 2;
 }


 .visa_box {
     display: block;
     color: #000;
 }

 .visa_box span {

     line-height: 1.5;
     font-size: 17px;
     margin: 0;
 }

 .visa_box p {

     line-height: 1.5;
     font-size: 17px;
     margin: 0;
 }

 .visa_box .add_visa {
     font-size: 13px;
     text-align: left;
     color: #0B94BD;
     margin-left: 5px;
 }

 .visa_icon img {
     float: left;
 }

 .radio_btn {
     display: inline-block;
     position: relative;
     top: -10px;
 }

 .vip_title {
     float: left;
     font-size: 17px;
     color: #4e4e4e;
     text-align: left;
 }

 .vip_status {
     float: right;
     color: #3c3b3a;
     text-align: left;
 }

 .vip_pay {
     width: 100%;
     color: #3c3b3a;
     margin-top: 15px;
 }

 .vip_pay span {
     float: right;
     margin-right: 10px;
 }

 .vip_pay img {
     top: -10px;
     position: relative;
     float: left;
 }

 .vip_box {
     float: left;
     width: 100%;
     padding: 5px 0;
     margin-bottom: 15px;
     border-bottom-width: 1px;
     border-bottom-style: dashed;
     border-bottom-color: #d6d6d6;
 }

 .remove {
     position: absolute;
     z-index: 2;
 }

 .photo_download {}

 .photo_download ul {}

 .photo_download_list {
     width: 230px;
     float: left;
     margin: 5px 5px 15px;
 }

 .download_photo {
     width: 230px;
     height: 150px;
     overflow: hidden;
     border: solid 1px #f5f5f5;
 }

 .download_photo img {
     width: 100%
 }

 .photo_text {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     line-height: 1.5;
     font-size: 15px;
 }

 .photo_download_list a {
     text-align: justify;
     color: #e3007f;
 }

 .photo_download_list a:hover {
     text-decoration: underline;
 }

 .download_fi {
     text-align: left;
     font-size: 15px;
 }

 .photo_download_list .download_fi a {
     color: #e3007f;
     margin-left: 5px;
 }

 .vip_setting {
     float: left;
     width: 700px;
 }

 .preset {
     margin-left: 5px;
     color: #009688;
 }

 .add_preset {
     margin-left: 5px;
 }

 .add_preset a {
     color: #e3007f;
     margin: 0 5px;
 }

 .vip_pay input[type="text"] {
     width: 100%;
     height: 40px;
     margin: 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #CCC;
     padding: 0 10px;
     font-size: 15px;
     webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .vip_pay select {
     width: 100%;
     height: 40px;
     webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 5px;
     border: 1px solid #CCC;
     background: #fff;
 }

 .data_select {
     width: 120px;
     float: left;
     margin-right: 10px;
     margin-bottom: 10px;
 }

 .data_input {
     width: 450px;
     float: left;
     margin-right: 10px;
     margin-bottom: 10px;
 }

 .add_btn {
     float: left;
     margin-top: 10px;
 }

 .add_btn a {
     padding: 10px 10px;
     background-color: #e3007f;
     color: #fff;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .night_bottom_list {
     width: 300px;
     float: left;
     margin: 5px 5px 15px 5px;
     position: relative;
 }

 .night_bottom_list_img {
     width: 300px;
     height: 160px;
     overflow: hidden;
     position: relative;
 }

 .night_bottom_list_img img {
     width: 100%;
     overflow: hidden;
 }

 .night_bottom_list a p {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     line-height: 30px;
     min-height: 60px;
 }

 .night_bottom_list a {
     color: #4a4a4a;
     text-align: justify;
     text-decoration: none;
 }

 .night_bottom_list a:hover {
     color: #4a4a4a;
     text-align: justify;
     text-decoration: underline;
 }

 .night_icon {
     position: absolute;
     background-color: rgba(0, 0, 0, 0);
     background: rgba(0, 0, 0, 0);
     color: rgba(0, 0, 0, 0);
     ;
     text-align: center;
     font-size: 60px;
     width: 100%;
     height: 100%;
 }

 .night_icon i {
     line-height: 160px;
 }

 .night_icon:hover {
     position: absolute;
     background-color: rgba(0, 0, 0, 0.3);
     background: rgba(0, 0, 0, 0.3);
     color: #fff;
     text-align: center;
     font-size: 60px;
     width: 100%;
     height: 100%;
 }

 @media (max-width: 1366px) {
     .film_index_display .film_list_item_3 {
         float: left;
         width: 240px;
         margin: 0px 1% 10px 0px !important;
         position: relative;
     }

     .film_right_column {
         float: right;
         /* float: left; */
         margin-right: 0px;
         margin-top: 20px;
         margin-bottom: 20px;
         position: relative;
         z-index: 2;
     }
     #HEADER {
         /* float: left; */
         width: 1280px;
         /* border-bottom: #e3007f 2px solid; */
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         padding: 12px 15px 12px 15px;
         position: relative;
         z-index: 5;
         background: #FFF;
         margin: 0px auto;
     }
     .fix_content {
         /* display: inline-block; */
         width: 1280px;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         padding-left: 5px;
         padding-right: 5px;
         position: relative;
         margin: 0 auto;
     }
     .movie_list_l {
         margin-left: 1%;
     }
     .film_right_column.wide {
         width: 1050px;
     }
     .vip_five_column .movie_list_item {
         float: left;
         width: /*18% */
         180px!important;
         margin: 0px 2.45% 10px 0px !important;
         position: relative;
     }
     .content_r {
         float: left;
         width: 1280px;
     }
     .am-container_width {
         width: 1260px;
     }
     .film_player_column {
         float: left;
         width: 950px;
         background: #000;
         position: relative;
         z-index: 2;
         text-align: center;
     }
     .video_frame_group {
         display: inline-block;
         width: 900px;
         margin: 25px;
     }
     .btn {
         float: right;
         margin: 23px 0px;
         font-size: 27px;
         position: absolute;
         font-weight: bold;
         width: 950px;
         top: 35%;
     }
     .am-container {
         width: 950px;
         margin: 0 auto;
     }
     .content_l {
         float: left;
         width: 950px;
     }
     .five_column .movie_list_item_2 {
         float: left;
         /* width: 14.063% !important; */
         margin: 0px 0.8% 10px 0px !important;
         position: relative;
         width: 170px;
     }
     .cover_thumb_2 {
         float: left;
         width: 170px;
         position: relative;
         color: #fff;
         height: 199px;
         overflow: hidden;
     }
     .film_left_column.wide {
         width: 950px;
     }
     .ad {
         width: 950px;
         height: 300px;
         margin: 10px auto;
         clear: both;
     }
     .ad ul li {
         float: left;
         margin: 0 5px;
     }
     .actor_list_item {
         float: left;
         width: 225px;
         background: #FFF;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         border-radius: 5px;
         box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
         -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
         -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
         margin-right: 30px;
         margin-top: 20px;
         position: relative;
     }
     .actor_films_item {
         float: left;
         width: 332px;
         background: #FFF;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         border-radius: 5px;
         box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
         -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
         -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
         padding: 10px;
         margin: 5px;
     }
 }

 .av_news_small {}

 .av_news_small li {
     width: 200px;
     margin-bottom: 10px;
 }

 .av_news_small li img {
     width: 100%;
 }

 .av_news_small li a p {
     font-size: 13px;
     text-align: left;
     line-height: 1.5;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }

 .av_news_small li a {
     color: #616161;
 }

 .av_news_small li a:hover {
     color: #616161;
     text-decoration: underline;
 }

 .vip_head {
     position: absolute;
     z-index: 99;
     width: 100%;
     color: #fff;
     font-size: 75px;
     top: 35%;
     text-shadow: 0px 0px 10px #e1137f, 0px 0px 10px #e1137f, 0px 0px 10px #e1137f, 0px 0px 10px #e1137f, 0px 0px 10px #e1137f, 0px 0px 10px #e1137f, 0px 0px 10px #e1137f;
 }

 .ib_img {
     position: absolute;
     z-index: 99;
     width: 100%;
     top: 5%;
 }

 .ib_img img {
     width: 20%;
 }

 .pay_vip {
     margin: 20px auto;
 }

 .pay_vip ul {
     width: 1108px;
     margin: 0px auto 20px;
 }

 .pay_vip ul li {
     float: left;
     width: 300px;
     margin: 0 17px;
     padding: 0px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #ececec;
 }

 .pay_month {
     padding: 10px 0 0;
     font-size: 25px;
     color: #e1137f;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     font-weight: 500;
 }

 .pay_month p {
     line-height: 1.5;
     font-size: 21px;
     color: #565656;
     font-weight: 100;
 }

 .pay_go {
     display: block;
     width: 50%;
     padding: 15px 25px;
     margin: 0px auto 10px;
     border: 1px solid #e1137f;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     color: #fff;
     background: #e1137f;
 }

 .pay_word {
     width: 800px;
     margin: 0 auto;
     text-align: justify;
     line-height: 2;
 }

 .exclusive {
     margin: 20px auto;
 }

 .exclusive ul li {
     width: 20%;
     display: inline-block;
     position: relative;
 }

 .exclusive img {
     width: 100%;
 }

 .exclusive_icon {
     position: absolute;
     z-index: 10;
     width: 45%;
     right: 0;
 }

 .soon {
     width: 100%;
     margin: 20px auto;
 }

 .soon ul li {
     width: 45%;
     display: inline-block;
 }

 .soon ul li img {
     width: 100%;
 }

 .app_head i {
     margin: 0 10px;
 }

 .mobile_app {
     width: 100%;
     margin: 20px auto;
 }

 .mobile_app ul li {
     width: 30%;
     display: inline-block;
     border: 1px solid #dcdcdc;
 }

 .mobile_app ul li img {
     width: 100%;
 }

 .pay_legend {
     line-height: 1.5;
     padding: 0 5px;
     font-size: 13px;
     color: #313030;
 }

 @media (max-width: 1280px) {
     .vip_head {
         position: absolute;
         z-index: 99;
         width: 100%;
         color: #fff;
         font-size: 45px;
         top: 30%;
         text-shadow: 0px 0px 10px #e1137f, 0px 0px 10px #e1137f, 0px 0px 10px #e1137f, 0px 0px 10px #e1137f, 0px 0px 10px #e1137f, 0px 0px 10px #e1137f, 0px 0px 10px #e1137f;
     }
 }

 .app_install {
     width: 512px;
     margin: 15px auto;
     text-align: center;
     /*float: left;*/
 }

 .app_install h3 {
     font-size: 19px;
     line-height: 1.5;
     color: #383838;
     margin-top: 15px;
 }

 .app_install ul {
     width: 345px;
     margin-left: 140px;
     text-align: left;
 }

 .app_install ul li {
     list-style: none;
     font-size: 15px;
     line-height: 2;
 }

 .install_box {

     margin: 0 auto;
 }

 .app_install_title {
     padding: 10px 0;
     font-size: 17px;
     background: #fafafa;
 }

 .app_install_title .fa-angle-down {
     float: right;
     margin-right: 10px;
 }

 .app_install_step {
     padding: 15px 0;
 }

 .app_install_btn {
     width: 150px;
     margin: 10px auto;
 }

 .app_install_btn a {
     padding: 10px 0;
     border: 1px solid #e3007f;
     color: #e3007f;
     display: block;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }

 .app_install_btn a:hover {
     padding: 10px 0;
     background: #e3007f;
     border: 1px solid #e3007f;
     color: #fff;
     display: block;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }

 @media (max-width: 1400px) {
     .actor_films_item {
         float: left;
         width: 350px;
         background: #FFF;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         border-radius: 5px;
         box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
         -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
         -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
         margin: 10px;
         padding: 10px;
     }
     .actor_films_item .cover {
         float: left;
         width: 175px;
     }
 }

 @media (max-width: 1280px) {
     .film_index_display .film_list_item_3 {
         float: left;
         width: 240px;
         margin: 0px 1% 10px 0px !important;
         position: relative;
     }


     .actor_films_item {
         float: left;
         width: 330px;
         background: #FFF;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         border-radius: 5px;
         box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
         -moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.75);
         -webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119box, 119, 0.75);
         margin: 5px;
         padding: 10px;
     }
     .actor_films_item .cover {
         float: left;
         width: 155px;
     }
 }

 .spdeliver {
     margin: 10px 0;
 }

 .patch_ad {
     width: 600px;
     height: 250px;
     position: absolute;
     z-index: 99;
     left: 15%;
     top: 20%;
     display: none;
     -moz-box-shadow: 0px 0px 3px #999;
     -webkit-box-shadow: 0px 0px 3px #999;
     box-shadow: 0px 0px 3px #999;
 }

 .patch_ad ul li {
     width: 300px;
     height: 250px;
     float: left;
     position: relative;
 }

 .patch_ad_head {
     font-size: 23px;
     padding: 15px 0 0 0;
     color: #404040
 }

 .patch_ad_text {
     font-size: 17px;
     padding: 15px 0 0 0;
     color: #404040;
     text-align: justify;
     line-height: 1.5;
     padding: 10px;
 }

 .patch_ad_btn {
     width: 90%;
     margin: 5px auto;
 }

 .patch_ad_btn a {
     padding: 15px 0;
     background: #e3007f;
     color: #fff;
     display: block;
     text-align: center;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }

 .patch_ad_box {
     background: #fafafa;
 }

 .patch_ad_close {
     position: absolute;
     display: none;
     z-index: 100;
 }

 .play_er {
     width: 100%;
     position: absolute;
     z-index: 99;
     top: 0;
 }

 .play_er img {
     width: 100%;
 }

 .reciprocal {
     position: absolute;
     top: 0;
     right: 0;
     background: #fff;
     padding: 10px 25px;
     color: #e3007f;
     font-size: 36px;
     text-align: center;
 }


 .copywriter {
     background: #fff;
     padding: 20px 0;
 }

 .copywriter_box {
     width: 1220px;
     margin: 0 auto;
     font-size: 17px;
     text-align: justify;
     line-height: 1.5;
     letter-spacing: 1px;
     color: #3c3b3b;
 }

 .copywriter_box h2 {
     text-align: left;
     line-height: 2;
     font-size: 27px;
     font-weight: 900;
 }

 .copywriter_box h3 {
     text-align: left;
     line-height: 2;
     font-size: 21px;
     font-weight: 900;
     margin-top: 10px;
 }

 .copywriter_box p {
     margin: 15px 0;
 }

 .copywriter_box a {
     color: #e3007f;
 }

 .copywriter_box ul {
     margin-left: 35px;
 }

 .copywriter_box ul li {
     list-style: disc;
     padding: 5px 0;
 }

 .more_view {
     height: 475px;
     overflow: hidden;
 }

 .more_btn {
     clear: both;

     background: #f5f5f5;
     margin: 0 0 15px 0;
     cursor: pointer;
     color: #737373;
 }

 .more_btn i {
     margin-right: 5px;
 }

 .con_box {
     width: 1000px;
     margin: 0 auto;
     font-size: 17px;
     text-align: justify;
     line-height: 1.5;
     letter-spacing: 1px;
     color: #3c3b3b;
 }

 .con_title {
     text-align: left;
     line-height: 2;
     font-size: 27px;
     font-weight: 900;
 }

 .contact {
     width: 49%;

     float: left;
     margin: 2.5% 1% 0 0;
 }

 .contact_sub {
     background: #fff;
     font-size: 19px;
     color: #e3007f;
     ;
     line-height: 2;
     font-weight: 900;
 }

 .contact_box {
     padding: 50px 2% 2% 2%;
     background: #fafafa;
     height: 250px;
     position: relative;
 }

 .contact_box p {
     line-height: 2;
     text-align: center;
 }

 .con_btn {
     background: #ef7554;
     line-height: 2;
     color: #fff;
     width: 35%;
     display: block;
     text-align: center;
     margin: 0 auto;
     position: absolute;
     bottom: 20px;
     left: 33%;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
 }

 .con_colorbox {
     width: 600px;
     height: 600px;
     background: #fff;
 }

 .con_colorbox h2 {
     background: #e3007f;
     padding: 0 0 0 2%;
     font-size: 23px;
     color: #fff;
     line-height: 2;
 }

 .input_box {
     padding: 25px;
 }

 .input_box p {
     margin: 10px 0;
 }

 .con_input {
     height: 45px;
     padding: 5px;
     width: 100%;
     display: block;
     border: 1px solid #ccc;
     box-shadow: inset 0 1px 3px #ddd;
     border-radius: 4px;
     vertical-align: middle;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .input_textarea {
     width: 100%;
     min-height: 160px;
     max-height: 160px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 10px;
     background: #ffffff;
     border: 1px solid #ccc;
     box-shadow: inset 0 1px 3px #ddd;
     outline: none;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
 }

 .con_input_2 {
     height: 45px;
     padding: 5px;
     width: 35%;
     display: block;
     border: 1px solid #ccc;
     box-shadow: inset 0 1px 3px #ddd;
     border-radius: 4px;
     vertical-align: middle;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
 }

 .con_code {
     display: inline-block;
     vertical-align: middle;
     padding: 0 0 0 10px;
 }

 .line_l_con {
     width: 30px;
     border-bottom: #e3007f 2px solid;
     display: block;
     margin-right: 10px;
     margin: 0 0 10px 0;
 }

 .video_d {
     display: block;
     font-size: 21px;
     line-height: 48px;
     color: #ffffff;
 }

 .download_colorbox {
     width: 600px;
     height: 500px;
     background: #f9f9f9;
     webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 5%;
 }

 .download_title {
     padding: 0 0 0 2%;
     font-size: 23px;
     color: #292929;
     line-height: 2;
 }

 .download_title i {
     margin-right: 5px;
 }

 .format_box {
     padding: 2%;
 }

 .format {
     width: 100%;
     webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .format th {
     border: 1px #CCCCCC solid;
     text-align: center;
     padding: 5px;
     line-height: 1.5;
 }

 .format td {
     border: 1px #CCCCCC solid;
     text-align: center;
     padding: 5px;
     line-height: 1.5;
 }

 .download_sub {
     font-size: 19px;
     color: #292929;
     line-height: 2;
     font-weight: 900;
     margin: 10px 0;
 }

 .plan_box {
     float: left;
     width: 50%;
     padding: 0 2%;
     webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .plan_box h4 {
     font-size: 18px;
     line-height: 1.5;
     text-align: center;
     padding: 10px 0;
 }

 .plan_btn {
     width: 100%;
     padding: 15px 0;
     display: block;
     text-align: center;
     background: #e3007f;
     color: #fff;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     margin-bottom: 10px;
 }

 .plan_text {
     line-height: 1.5;
     text-align: center;
 }

 .plan_text a {
     color: #e3007f;
 }

 .plan_img {
     text-align: center;
 }

 .plan_img img {
     width: 25%;
 }

 .ppv_icon {
     float: left;
     background: #e3007f;
     color: #fff;
     padding: 0 5px;
     margin: 0 5px;
 }

 .down_icon {
     float: left;
     background: #2196F3;
     color: #fff;
     padding: 0 5px;
     margin: 0 5px;
 }

 .ppv_a {
     color: #e3007f;
 }

 .down_a {
     color: #2196F3;
 }

 .receipt_title {
     font-size: 26px;
     padding: 5px 0;
 }


 .receipt_content {
     width: 300px;
     margin: 0 auto;
 }

 .receipt_content th {
     width: 30%;
     text-align: center;
     vertical-align: middle;
     padding: 10px 0;
     font-size: 21px;
 }

 .receipt_content td {
     width: 30%;
     text-align: left;
     vertical-align: middle;
     padding: 10px 0;
     font-size: 21px;
 }

 .select_box {
     float: left;

     width: 200px;
     height: 35px;
     background: #ece9e6;
     border: #d1d1d1 1px solid;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding-top: 10px;
     padding-bottom: 10px;
     text-align: left;
     margin-top: 10px;
 }

 .select_row {
     margin-bottom: 15px;
 }

 .step_img {
     padding: 20px 0;
 }


 .flag {
     position: absolute;
     font-size: 0px;
     right: 20px;
     top: 20px;
 }

 .flag li {
     font-size: initial;
     display: inline-block;
     margin:0 10px; 
 }

 .flag a {
     color: #fff;

 }

 .flag a img {
     width: 65%;
 }

 .footer {
     text-align: center;
     line-height: 2;
     background-color: #fafafa;
     color: #868686;
     letter-spacing: 1px;
     padding: 10px 0;
 }
.footer a {
   
     color: #868686;
 }
 .footer a:hover{
text-decoration: underline;
 }
 .dw_tab_row {
     padding: 40px 0 0;
 }

 .dw_tab {
     display: flex;
     width: 690px;
     margin: 0 auto;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #db0075;
 }

 .dw_tab li {
     width: 230px;
 }
 .dw_tab li a{
     display: block;
     width: 100%;
     padding: 15px 0;
     color: #db0075;
 }
 .dw_tab li:nth-child(2){
 	border-left: 1px solid #db0075;
 	border-right: 1px solid #db0075;
 }
  .dw_tab li .dw_tab_active{
  	background-color: #db0075;
  	color: #FFF;
  }
  .ios_text_row{
     width: 700px;
     margin:0 auto; 
     text-align: left;
     line-height: 2;
     padding: 10px 0;
     color: #f00;
  }
  .ios_text_row_img{
     float: left;
  }
  .ios_text_row p{
     
     padding: 0 0 0 70px;
  }
  .qr_imges{
     width: 150px;
     text-align: center;
  }