@charset "utf-8";
*::-moz-placeholder{color:#7b7b7b !important;}
.page_title{background:url(images/most_title_bg.jpg) no-repeat center center;color:#FFF;height:332px;background-size:cover;}
.page_title .container{padding-top:180px;}
.page_title .lft{float:left;}
.page_title .rgt{float:right;width:330px;}
.page_title .lft h2,.page_title .lft h1{font-size:60px;font-weight:700;margin-bottom:20px;}
.page_title .lft h2 span,.page_title .lft h1 span{font-weight:300;margin-right:10px;}
.page_title .lft p{letter-spacing:0.6em;}
.page_title .rgt p{line-height:24px;font-size:16px;}
@media (max-width: 767px){
	.page_title .container{padding-top:160px;}
	.page_title .rgt{width:460px;}
}
@media (max-width: 479px){
	.page_title .container{padding-top:150px;}
	.page_title .lft h2,.page_title .lft h1{font-size:44px;}
	.page_title .lft p{font-size:14px}
	.page_title .rgt{padding:0 10px;width:100%;float:none;box-sizing:border-box;}
	.page_title .rgt p{font-size:14px;}
}


.nav_cont{background:#efefef;}
.nav_cont .nav{overflow:hidden;margin:0 auto;width:1000px;}
.nav_cont .nav ul{font-size:0;text-align:center;float:left;}
.nav_cont .nav ul li{display:inline-block;}
.nav_cont .nav ul li span{display:inline-block;margin:0 30px;font-size:16px;}
.nav_cont .nav ul li a{display:inline-block;color:#131313;font-size:20px;padding:30px 0;text-decoration:none;}
.nav_cont .nav ul li a:hover,.nav_cont .nav ul li a.actived{color:#57bec8;}
.nav_cont .search{float:right;border:2px solid #57bec8;margin-top:26px;background:#FFF;} 
.nav_cont .search input.text{padding:8px 10px;border:none;width:200px;font-size:16px;}
.nav_cont .search input.search_btn{cursor:pointer;display:block;font-size:0;background:#FFF url(images/creative_icons.png) no-repeat 10px 8px;float:right;width:45px;height:35px;border:none;color: transparent;}
@media (max-width: 979px) and (min-width: 768px){
	.nav_cont .nav{width:100%;}		
}
@media (max-width: 767px){
	.nav_cont .nav{width:100%;}	
	.nav_cont .nav ul{overflow:hidden;float:none;}	
	.nav_cont .search{float:none;width:88%;margin:0 auto 30px;}
}
@media (max-width: 479px){
	.nav_cont .nav{width:100%;}
	.nav_cont .nav ul{overflow:hidden;float:none;}
	.nav_cont .nav ul li span{margin:0 4px;}	
	.nav_cont .search{float:none;width:88%;margin:0 auto 30px;}
}
.creative_banner {width:100%;position:relative;}
.creative_banner .view_a .p{float:left;}
.creative_banner .view_a .p a:hover{box-shadow:0 0 18px rgba(0,0,0,0.6);position:relative;z-index:2;display:block;}
.creative_banner .view_a .pho_a{width:48.68%;}
.creative_banner .view_a .pho_b{width:25.7%;}
.creative_banner .view_a .pho_c{width:25.62%;}


.watch_video .title,.most_popular .title{text-align:left;font-size:30px;font-weight:bold;padding:30px 0;}
.watch_video .title span,.most_popular .title span{margin-right:10px;font-weight:300;}
.most_popular .cont{overflow:hidden;margin-bottom:20px;margin-left:-13px;}
.most_popular .cont .lft{width:675px;float:left;}
.most_popular .cont .rgt{width:325px;float:left;}
@media (max-width: 979px) and (min-width: 768px){
	.most_popular .cont .rgt{width:675px;float:none;}
}
@media (max-width: 767px){
	.most_popular .cont .lft{width:100%;}	
}
@media (max-width: 479px){
	.most_popular .cont .rgt{float:none;}
}
	.most_popular .ep{width:324px;float:left;margin-left:13px;margin-bottom:20px;}
	.most_popular .ep .sub a{color:#333;background:url(images/creative_icons.png) no-repeat 0 -30px;display: inline-block;text-indent: 1.5em;font-size:20px;line-height:24px;text-decoration: none;height: 48px;overflow: hidden;}
	.most_popular .ep .sub a:hover{color:#57bec8;}
	.most_popular .ep .txt{padding:10px 0;}
	.most_popular .ep .more_btn{font-size:14px;display:block;text-decoration:underline;color:#2d2d2d;margin-top:10px;}
	.most_popular .ep .more_btn:hover{color:#57bec8;}
	.most_popular .intro{background:#57bec8;color:#FFF;padding:20px 35px 20px 40px;box-sizing:border-box;width:100%;}
 
	.most_popular .intro .dorne{margin-bottom:60px;}
	.most_popular .intro .dorne .detail{display:none;}
	.most_popular .intro .series .detail{display:none;}
	.most_popular .intro ul.switch{overflow:hidden;font-size:24px;border-bottom:1px dotted rgba(255,255,255,0.9);border-bottom-color:#F8F8F8\9;padding-bottom:12px;margin-bottom:24px;}
	.most_popular .intro ul.switch li{float:left;color:rgba(0,0,0,0.6);color:#222\9;cursor:pointer;}
	.most_popular .intro ul.switch li span{margin:0 2px;}
	.most_popular .intro ul.switch li.actived{color:#FFF;}
	.most_popular .intro .dorne .dec{line-height:20px;font-size:16px;color:rgba(0,0,0,0.6);color:#222\9;}
	.most_popular .intro .dorne .dec a{color:#FFF;font-size:14px;text-decoration:underline;margin-left:5px;}
	.most_popular .intro h4{font-size:18px;margin:10px 0 20px;line-height:24px;font-weight:700;}
	.most_popular .intro .series .lst{background:url(images/creative_icons.png) no-repeat 0px -255px;padding-left:30px;margin-bottom:10px;border-bottom:1px dotted rgba(255,255,255,0.6);border-bottom-color:#CFCFCF\9;padding-bottom:10px;}
	.most_popular .intro .series .lst:hover{opacity:0.6;}
	.most_popular .intro .series .lst a{color:#FFF;font-size:16px;line-height:20px;}
	
	.creative_banner .flex-direction-nav{width:100%;top:50%;margin-top:-25px;position:absolute;font-size:0;}
	.creative_banner .flex-direction-nav li a{background:rgba(0,0,0,0.8) url(images/creative_icons.png) no-repeat;width:38px;height:50px;display:block;position:absolute;top:50%;margin-top:-25px;}
	.creative_banner .flex-direction-nav li:hover a{background-color:#000;}
	.creative_banner .flex-direction-nav li a.flex-prev{left:20%;background-position: 5px -130px}
	.creative_banner .flex-direction-nav li a.flex-next{right:20%;background-position: 8px -80px}
	
	.creative_banner .flex-control-nav{position:absolute;bottom:40px;right:200px;font-size:0;}
	.creative_banner .flex-control-nav li{float:left;}
	.creative_banner .flex-control-nav li a{display:block;background:#FFF;opacity:0.8;border-radius:50px;height:14px;width:14px;margin-left:8px;}
	.creative_banner .flex-control-nav li a.flex-active{border:3px solid #FFF;background:transparent;opacity:1;height:8px;width:8px;}
	.creative_banner .flex-control-nav li a:hover{cursor:pointer;opacity:1;}
	
	
	.ad_banner{max-width:1000px;margin:0 auto;color:#FFF;overflow:hidden;}
	.ad_banner .lft{background:#c7503d;width:336px;float:left;padding:55px 32px;box-sizing:border-box;}
	.ad_banner .rgt{background:#38798B url(images/ad_bg.jpg) no-repeat;width:664px;float:left;padding:55px 35px;box-sizing:border-box;}
	.ad_banner .lft .sub{font-size:24px;background:url(images/creative_icons.png) no-repeat 220px -295px;border-bottom:1px solid #F8F8F8;margin-bottom:38px;padding-bottom:42px;}
	.ad_banner .rgt .sub{font-size:24px;background:url(images/creative_icons.png) no-repeat 220px -295px;}
	.ad_banner .lft a,.ad_banner .rgt a{color:#FFF;font-weight:300;}
	.ad_banner a:hover{opacity:0.6;}
	.ad_banner .lft p{font-size:16px;color:#eccdc9;line-height:20px;}
	.ad_banner .rgt p{font-size:16px;color:#c1d0d5;border-bottom:1px solid #F8F8F8;margin-bottom:38px;padding-bottom:42px;width:270px;line-height:20px;}
	.ad_banner .lft .sub span,.ad_banner .rgt .sub span{font-weight:bold;}
	
	.watch_video{max-width:1000px;margin:0 auto 40px;}
	.watch_video .video_conts{font-size:0;}
	.watch_video .video_conts .videos{display:inline-block;vertical-align:top;margin-left:20px;}
	.watch_video .video_conts .videos:first-child{margin-left:0;}
	.watch_video .video_conts .videos p.sub{font-size:18px;text-align:center;padding:10px 0;}
	@media (max-width: 979px) and (min-width: 768px){
		.ad_banner .lft{width:664px;float:none;margin-left:110px;}
		.ad_banner .rgt{margin-left:110px;float:none}
		.watch_video .video_conts{text-align:center;}
		.watch_video .title{text-align:center;}
	}
	@media (max-width: 767px){
		.ad_banner .lft{float:none;width:100%;}
		.watch_video .video_conts .videos{margin-left:0;}
		.watch_video .video_conts{text-align:center;}
		.watch_video .title{text-align:center;}
		.creative_banner .flex-control-nav,.creative_banner .flex-direction-nav{display:none;}
	}
	@media (max-width: 479px){
		.creative_banner .flex-control-nav,.creative_banner .flex-direction-nav{display:none;}
		.ad_banner .lft{float:none;width:100%;}
		.watch_video .title, .most_popular .title{font-size:24px;}
		.watch_video .title{text-align:center;}
		.watch_video .video_conts .videos{margin-left:0;}
		.watch_video .video_conts{text-align:center;}
	}
	
/*get creative revision - more*/
	
.crumbs_nav{width:1000px;margin:20px auto;overflow:hidden;}
.crumbs_nav li{float:left;}
.crumbs_nav li a{display:block;margin-right:4px;color:#202020;text-decoration:none;}
.crumbs_nav li a.actived{color:#57bec8;}
@media (max-width: 979px) and (min-width: 768px){
	.crumbs_nav{width:750px;}	
}
@media (max-width: 767px){
	.crumbs_nav{width:460px;}	
}
@media (max-width: 479px){
	.crumbs_nav{width:308px;text-overflow:ellipsis;white-space:nowrap;}	
}

.detail_popular .title{text-align:left;font-size:18px;font-weight:bold;padding:30px 0;}
.detail_popular .cont{overflow:hidden;margin-bottom:20px;margin-left:0;}
.detail_popular .cont .l_cont{float:left;width:660px;}
.detail_popular .cont .l_cont .w{margin-bottom:15px;overflow:hidden;background:#efefef;}
.detail_popular .cont .l_cont .arc{background:#f3f3f3;padding:30px 20px;}
.detail_popular .cont .l_cont .arc p{font-size:16px;}
.detail_popular .cont .l_cont .arc h2{font-size:24px;font-weight:normal;line-height:1.4em;padding:15px 0;}
.detail_popular .cont .l_cont .arc h2 span{background:#6d6d6d;border-radius:3px;color:#FFF;display:inline-block;font-size:16px;line-height:1.6em;margin-right:15px;padding:3px 15px;text-align:center;}
.detail_popular .cont .l_cont .arc h1{font-size:32px;font-weight:700;line-height:32px;}
.detail_popular .cont .l_cont .arc .addthis_toolbox{margin-bottom:40px;}
.detail_popular .cont .r_cont{float:left;width:340px;}
.detail_popular .cont .r_cont .ep{background:#57bec8;margin-left:15px;color:#FFF;box-sizing:border-box;padding:20px 25px;float:none;}
.detail_popular .cont .r_cont .ep h2{font-size:28px;font-weight:700;border-bottom:1px solid #FFF;padding:30px 0 10px;}
.detail_popular .cont .r_cont .ep p{margin-top:20px;}
.detail_popular .cont .r_cont .ep p a{color:#FFF;}
.detail_popular .cont .r_cont .ep p span{background:url(images/creative_icons.png) no-repeat 0px -200px;display:inline-block;width:21px;height:13px;margin-left:5px;vertical-align:middle;}
.detail_popular .cont .r_cont .v{background:#57bec8;margin-left:15px;color:#FFF;box-sizing:border-box;padding:20px 0;margin-top:20px;text-align:center;}
.detail_popular .cont .r_cont .v h2{font-size:30px;font-weight:700;padding-top:20px;}
.detail_popular .cont .r_cont .a p{font-weight:700;font-size:18px;padding:50px 20px 20px;text-align:left;}
@media (max-width: 999px){
	.detail_popular .cont .l_cont,.detail_popular .cont .r_cont{float:none;width:100%;}	
	.detail_popular .cont .r_cont .ep{width:100%;}
}
.detail_popular .ep:first-child{margin-left:0;}
.detail_popular .ep{background:#EEE;width:324px;float:left;margin-left:13px;}
.detail_popular .ep .sub{background:url(images/creative_icons.png) no-repeat 0 -30px;padding-top:25px;font-size:18px;font-weight:bold;}
.detail_popular .ep .sub a{color:#333;}
.detail_popular .ep .time{color:#9a9a9a;font-size:14px;}
.detail_popular .ep .txt{padding:10px 20px;}
.detail_popular .ep .art{margin-top:15px;line-height:24px;}
.detail_popular .ep .more_btn{border:1px solid #b49c72;font-size:14px;display:block;width:105px;height:26px;line-height:26px;color:#b49c72;text-align:center;margin:20px 0 10px;}
.detail_popular .ep .more_btn:hover{background:#b49c72;color:#FFF;text-decoration:none;}
.detail_popular .intro{background:#57bec8;color:#FFF;padding:20px 25px;box-sizing:border-box;}
.detail_popular .intro h2{font-size:30px;font-weight:bold;border-bottom:1px solid #FFF;padding:20px 0 10px;}
.detail_popular .intro h4{font-size:24px;font-weight:bold;margin:10px 0 20px;}
.detail_popular .intro .actioncam{margin-top:40px;}

.detail_popular .cont .l_cont .article_title{font-size:30px;font-weight:700;padding-bottom:15px;padding-top:30px;margin-bottom:20px;border-bottom:1px solid #bababa;}
.detail_popular .article_lst .arc_lst{border-bottom:1px solid #bababa;overflow:hidden;margin-bottom:20px;}
.detail_popular .article_lst .arc_lst .img{float:left;}
.detail_popular .article_lst .arc_lst .cont{float:left;padding-left:25px;width:400px;font-size:16px;line-height:24px;box-sizing:border-box;}
.detail_popular .article_lst .arc_lst .cont .para{height:75px;}
.detail_popular .article_lst .arc_lst .cont .time{color:#9a9a9a;}
.detail_popular .article_lst .arc_lst .cont .sub{font-weight:700;font-size:20px;line-height:36px;width:400px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.detail_popular .article_lst .arc_lst .cont .sub a{color:#333;text-decoration:none;}
.detail_popular .article_lst .arc_lst .cont .sub a:hover{color:#58bfc9;}
.detail_popular .article_lst .arc_lst .cont .reading_btn{text-align:right;}
.detail_popular .article_lst .arc_lst .cont .reading_btn a{text-decoration:underline;}
.detail_popular .article_lst .arc_lst .img img{width:231px;}
@media (max-width: 979px) and (min-width: 768px){
	.detail_popular .cont .r_cont .a p{text-align:center;}
}
@media (max-width: 767px){
	.detail_popular .article_lst .arc_lst .img{float:none;width:100%;}
	.detail_popular .article_lst .arc_lst .img img{width:100%;}
	.detail_popular .article_lst .arc_lst .cont{float:none;width:100%;}
	.detail_popular .article_lst .arc_lst .cont .sub{width:100%;}
	.detail_popular .cont .r_cont .a p{text-align:center;}
}
@media (max-width: 479px){
	.detail_popular .article_lst .arc_lst .img{float:none;width:100%;}
	.detail_popular .article_lst .arc_lst .img img{width:100%;}
	.detail_popular .article_lst .arc_lst .cont{float:none;width:100%;}
	.detail_popular .article_lst .arc_lst .cont .sub{width:100%;}
	.detail_popular .cont .l_cont .article_title{font-size:24px;}
	.detail_popular .cont .r_cont .a p{text-align:center;}

}

/*get creative revision - action*/

.action_title{background:url(images/action_title_bg.jpg) no-repeat center center;background-size:cover;}

.action_banner {width:100%;position:relative;background:url(images/action_banner_bg.jpg) no-repeat center center;background-size:cover;}
.action_banner .container{color:#FFF;height:500px;}
.action_banner .container .one{padding:100px 0 40px;}
.action_banner .container .two{padding:50px 0 0;line-height:24px;}
.action_banner .container h2{font-size:48px;font-weight:700;line-height:48px;}
.action_banner .view_a .p{float:left;}
.action_banner .view_a .p a:hover{box-shadow:0 0 18px rgba(0,0,0,0.6);position:relative;z-index:2;display:block;}
.action_banner .view_a .pho_a{width:44.8%;}
.action_banner .view_a .pho_b{width:27.6%;}
.action_banner .view_a .pho_c{width:27.6%;}
@media (max-width: 479px){
	.action_banner .container .one{padding-top:40px;}
}

.action_nav .search{border:2px solid #d94e37;}
.action_nav.nav_cont .nav ul li a:hover,.action_nav.nav_cont .nav ul li a.actived{color:#d94e37;}
.action_nav .search input.search_btn{background:#FFF url(images/creative_icons.png) no-repeat 10px -215px}

.action_popular .intro{background:#d94e37;}

	
/*get creative revision - vlogger*/

.vlogger_title{background:url(images/vlogger_title_bg.jpg) no-repeat center center;background-size:cover;}


.vlogger_banner {width:100%;position:relative;background:url(images/vlogger_banner_bg.jpg) no-repeat center center;background-size:cover;}
.vlogger_banner .container{color:#FFF;height:500px;}
.vlogger_banner .container .one{padding:100px 0 40px;}
.vlogger_banner .container .two{padding:50px 0 0;line-height:24px;}
.vlogger_banner .container h2{font-size:48px;font-weight:700;line-height:48px;}
.vlogger_banner .view_a .p{float:left;}
.vlogger_banner .view_a .p a:hover{box-shadow:0 0 18px rgba(0,0,0,0.6);position:relative;z-index:2;display:block;}
.vlogger_banner .view_a .pho_a{width:44.8%;}
.vlogger_banner .view_a .pho_b{width:27.6%;}
.vlogger_banner .view_a .pho_c{width:27.6%;}
@media (max-width: 479px){
	.vlogger_banner .container .one{padding-top:40px;}
}

.vlogger_nav .search{border:2px solid #b1a47b;}
.vlogger_nav.nav_cont .nav ul li a:hover,.vlogger_nav.nav_cont .nav ul li a.actived{color:#b1a47b;}
.vlogger_nav .search input.search_btn{background:#FFF url(images/creative_icons.png) no-repeat 10px -183px}

.vlogger_popular .intro{background:#b1a47b;}

/*get creative articles style*/
.search_popular{margin:0 auto;width:1000px;}
@media (max-width: 979px){
		.search_popular{width:100%;}
		.search_popular .rgt{width:100%;float:none;}
		.search_popular .rgt{width:100%;float:none;margin-top:20px;}
}

/*btn*/
.buyBtn_s{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #f54848; color:#fff; font-size:16px; font-weight:bold; display:inline-block; padding:8px 15px;}
.buyBtn_s .price{ display:inline-block; margin-left:10px; font-weight:normal;}
.buyBtn_s:hover{ text-decoration:none; background:#fd3225;}
.orange_btn_s{ background:#fea500; color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-size:18px; display:inline-table; padding:6px 25px;}
.orange_btn_s:hover{ text-decoration:none; background:#fe8300;}


/*review-listBox*/
.proTop-review {padding:40px 0 30px 0;}
.proTop-review .title-name {float:left; font-size:24px; line-height:1.6em; color:#333;}
.proTop-review .rev-btn {float:right;}
.proTop-review .rev-btn .rat-num {float:left; border:solid 1px #e5e5e5; padding:7px 15px; border-radius:5px; margin-right:10px;}
.proTop-review .rev-btn .rating {float:left;}
.proTop-review .rev-btn .rev-num {float:left; line-height:30px; padding-left:15px; color:#aab2bb; font-size:16px;}
.proTop-review .rev-btn .rev-num strong {color:#333;}
.proTop-review .rev-btn .btn {float:left;}
@media (max-width: 767px) {
	.proTop-review .title-name {float:none;}
	.proTop-review .rev-btn {float:none;}
	.proTop-review .rev-btn .rat-num {margin:10px 0;}
}
.review-listBox {padding:10px 0;}
.review-listBox .list {overflow:hidden; border-bottom:solid 1px #e5e5e5; padding:25px 0; position:relative; }
.review-listBox .rev-rat {float:left; width:150px;}
.review-listBox .rev-rat .rating {display:block;}
.review-listBox .rev-rat span { font-size:12px; color:#aab2bb;}
.review-listBox .rev-rat p {line-height:1.2em; font-size:12px; padding-top:10px;}
.review-listBox .rev-info {padding:0 220px 0 150px;}
.review-listBox .rev-info p{ font-size:16px; color:#666;}
.review-listBox .rev-info strong {font-size:16px;}
.review-listBox .rev-info em {display:block; font-size:12px; color:#aab2bb;  line-height:1.2em;}
.review-listBox .rev-info p {padding:10px 0 0 0;}
.review-listBox .rev-btn {position:absolute; top:30px; right:0; width:200px; line-height:1.3em; overflow:hidden;}
.review-listBox .rev-btn p{ font-size:14px; color:#666;}
.review-listBox .rev-btn a {margin:10px 8px 0 0; background:url(images/btn_img.png) no-repeat 10px -84px #ccd5da; overflow:hidden; text-indent:-99999px; width:38px; height:30px;display:block; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;}
.review-listBox .rev-btn a:hover {background-color:#374e59;}
.review-listBox .rev-btn span {display:block; float:left; margin:17px 15px 0 0;}
.review-listBox .rev-btn .btn-yes {background-position:10px -84px;}
.review-listBox .rev-btn .btn-no {background-position:-38px -84px;}
@media (max-width: 767px) {
	.review-listBox .list {position:inherit;}
	.review-listBox .rev-info  {padding:0 0 0 180px;}
	.review-listBox .rev-btn {position:inherit; padding:10px 0 0 180px; width:auto;}
}
@media (max-width: 479px) {
	.review-listBox .rev-rat {float:none; width:auto;}
	.review-listBox .rev-info,.review-listBox .rev-btn {padding:10px 0 0 0;}
}

/*review-write*/
.reviewsArea{padding-bottom:20px; overflow:hidden; background:#fff;}
.reviewsArea .topBar{ border-bottom:solid 1px #f3f3f3; overflow:hidden;padding:20px 28px; }
.reviewsArea .topBar strong{font-size:25px; line-height:25px;margin-bottom:5px;  font-weight:normal;display:block}
.reviewsArea .topBar p{font-size:14px}
.reviewsArea .topBar .return{float:left;margin:12px 10px 0 0;display:block;background:url(images/reviews.png) no-repeat 0 -55px;width:158px;height:35px}
.reviewsArea .topBar .continue{float:left;margin:12px 0 0;display:block;background:url(images/reviews.png) no-repeat 0 -90px;width:165px;height:33px}
.reviewsArea div.title{padding:5px 0; margin-bottom:10px;line-height:40px;border-bottom:1px dashed #dcdcdc; overflow:hidden;}
.reviewsArea .reviewsItem{padding:10px 28px;}
.reviewsArea-btm{background:url(images/area-bg_14.png) no-repeat;width:700px;height:134px;margin:0 auto}
.reviewsArea .writeForm{padding:20px 28px;}
.reviewsArea .writeForm .require{ color:#f26522; line-height:26px; font-weight:bold;}
.reviewsArea .writeForm .tip{color:red;margin-left:20px;display:none}
.reviewsArea .writeForm .rating{margin-top:0;position:relative;}
.reviewsArea .writeForm .rating p{position:absolute;top:25px; margin-left:50px;width:80px;height:32px;line-height:32px;display:none;text-align:center;font-size:15px; background:#fff; border:solid 1px #f3f3f3;}
.reviewsArea .writeForm .distr{margin:1px 0 0 1px}
.reviewsArea .writeForm label{display:block;margin:6px 0}
.reviewsArea .writeForm input[type=text]{background:#fff;font-size:13px;border:1px solid #dcdcdc;  width:93%;padding:0 5px;height:26px;line-height:26px;color:#888; }
.reviewsArea .writeForm textarea{background:#fff;border:1px solid #dcdcdc;height:68px;font-size:13px;width:95%;padding:5px;color:#888; }
.reviewsArea .btn {padding:15px 0; text-align:center;}
.reviewsArea .note{ background:#f6f6f6; padding:10px 15px; margin:10px 0 0;}
.reviewsArea .note a{ color:#15abef}
li.vl-item{float:left;width:100%}
.reviewsArea dl.confirm{padding:10px 0 0 0; overflow:hidden;}
.reviewsArea dl.confirm dt{ float:left; width:30%; text-align:right; font-weight:bold;}
.reviewsArea dl.confirm dd{ padding-left:32%;}
@media (max-width: 767px) {
	.reviewsArea .writeForm{ width:90%;} 
	.reviewsArea .topBar strong{ font-size:18px; line-height:1.5em;}
	.reviewsArea dl.confirm dt{ float:none; width:auto; text-align:left; }
	.reviewsArea dl.confirm dd{ padding-left:0;}
}
/*Tech Spec*/
.proTop-columnInfo {padding:30px 0;}
.proTop-columnInfo .columnInfo {float:left; width:73%;}
.proTop-columnInfo .columnInfo .title-name { font-size:30px; line-height:1.2em; padding-bottom:10px;}
.proTop-columnInfo .columnInfo p {padding:5px 0;}
.proTop-columnInfo .columnInfo ul li {list-style:disc; margin-left:15px; padding:4px 0; line-height:1.2em;font-size:16px;}
.proTop-columnInfo .video {float:right; margin:30px 2% 0 2%; border-radius:5px; overflow:hidden; box-shadow:0 1px 5px #999;}
.proTop-columnInfo .btn {float:right;}
.proTop-columnInfo .btn p a {text-decoration:underline;}
@media (max-width: 767px) {	
	.proTop-columnInfo .columnInfo,.proTop-columnInfo .btn {float:none;}
	.proTop-columnInfo .video {display:none;}
	.proTop-columnInfo .btn p {text-align:left;}
	.techspec{width:100%;}
}
.techspec h2{font-size:22px; line-height:30px; margin:40px 0 20px;}
.version-box {background:#58bfc9; padding:10px 15%; margin:40px 0; text-align:left; color:#fff; font-size:16px;}
.version-box li {padding:30px 0; border-top:solid 1px #55acd6;}
.version-box li strong {font-size:24px; padding:0 0 20px 0; display:block;}
.version-box li:first-child {border-top:0;}
.version-box li:first-child strong {font-size:30px; line-height:1em;}
@media (max-width: 767px) {
	.version-box {padding:10px;}
}

/*effect*/
.mt120{ margin-top:120px;}
.bottomBg{ background:#2e2d2d url(images/effect-banner-bg.jpg) no-repeat center center;background-size:cover; padding: 170px 0 45px 0; color:#fff; height: 200px;}

.new_effect .halloween_sub{font-size:42px;color:#d74d37;text-align:center;position:relative;margin-top:100px;line-height:42px;}
.new_effect .halloween_sub span{background:#d74d37;color:#fff;border-radius:4px;padding:4px 6px;font-size:24px;position:absolute;right:100px;top:-40px;}
.new_effect .halloween_sub span::after{content:'';display:block;width: 0;height: 0;border-style: solid;border-width: 18px 18px 0px 0;border-color: transparent #d74d37 transparent;position:absolute;left:-15px;top:12px;}
.new_effect .halloween_intro{font-size:24px;text-align:center;}

.effect_box h1{ font-size:42px;font-weight:300;}
.effect_box .des{ font-size:23px;font-weight:300; padding:30px 0 10px 0;}
.effect_box .des a.subs_link{ color:#58bfc9; display:block; padding-top:15px;}

.effect_box .itemBox .item .nameL{ padding-right:20px; margin-top:15px;}
#video-iframe{ height:394px;}
@media (max-width: 979px) {
	#video-iframe-2{ height:120px;}	
}
@media (max-width: 769px) {
	.bottomBg{ padding:200px 0 0 0;}
	.effect_box .itemBox .item .play a strong{ bottom:70px;}
	.effect_box .itemBox .item{ float:none; width:auto; margin-left:0; margin-bottom:15px;}
	.effect_box .itemBox .item{ width:auto;}
	#video-iframe{ height:259px;}
	.mt120{ margin-top:50px;}
}
@media (max-width: 479px) {
	.new_effect .halloween_sub span{right:0;top:-60px;}
	.bottomBg{ padding:170px 0 45px 0;}
	#video-iframe{ height:173px;}
	.effect_box .itemBox .item .play a strong{bottom:40px;}
}

/*screencast*/
.featImgSlide_s{position:relative;margin:0 auto; padding-top:15px;}
.featImgSlide_s .imgSlide {list-style: none;padding: 0;margin: 0 auto;}
.featImgSlide_s .imgSlide li {position:relative; text-align:center; line-height:1.3em;}
.featImgSlide_s .imgSlide li .itemN{ width:30%; float:left; margin-right:30px;}
.featImgSlide_s .imgSlide li .itemN .play{ cursor:pointer;position:relative;}
.featImgSlide_s .imgSlide li img {max-width:100%;}
.featImgSlide_s .imgSlide li.roundabout-in-focus {cursor:default;}
.featImgSlide_s .imgSlide li span{text-align:center; display:block;font-style:italic; font-weight:300;}
.featImgSlide_s .flex-prev,.featImgSlide_s .flex-next{ background:url(images/res-effct-btn.png) no-repeat; width:52px; height:102px; position:absolute; top:33%;z-index:1; text-indent:-9999px;}
.featImgSlide_s .flex-prev:focus,.featImgSlide_s .flex-next:focus{ outline:none;}
.featImgSlide_s .flex-prev{left:-100px;}
.featImgSlide_s .flex-next{ background-position:0 -142px;right:-50px;}
.featImgSlide_s .flex-control-paging{position:absolute;bottom:-20px;left:47%;text-align:center;list-style:none;}
.featImgSlide_s .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;  }
.featImgSlide_s .flex-control-paging li a{display:inline-block; width:10px; height:10px; border-radius:10px;cursor:pointer; background:#828282;}
.featImgSlide_s .flex-control-paging li a.flex-active{ background:#58bfc9;} 
@media (max-width: 979px) {
	.featImgSlide_s .imgSlide li .itemN{ width:29%;}
	.featImgSlide_s .flex-prev,.featImgSlide_s .flex-next{ display:none;}
}
@media (max-width: 767px) {
	.featImgSlide_s .imgSlide li .itemN{ width:45%;margin-right: 20px;}
}
@media (max-width: 479px) {
	.featImgSlide_s .imgSlide li .itemN{ float:none; width:100%;}
}

/*images loading...*/
.loading_cont{position:absolute;left:15px;bottom:10px;}
.loading_cont .loader::before,.loading_cont .loader::after{content:'';position:absolute;top:0;}
.loading_cont .loader,.loading_cont .loader::before,.loading_cont .loader::after{color:#fff;-o-animation:1s ease-in-out 0s normal  none infinite running loader;-moz-animation:1s ease-in-out 0s normal  none infinite running loader;-webkit-animation:1s ease-in-out 0s normal  none infinite running loader;animation:1s ease-in-out 0s normal  none infinite running loader;background:rgba(255,255,255,0.92);height:20px;width:5px;}
@keyframes loader {0%, 80%, 100% {box-shadow: 0 0 #ffffff;height:20px;}40% {box-shadow: 0 -10px rgba(255,255,255,0.92);height:25px;}}
@-moz-keyframes loader {0%, 80%, 100% {box-shadow: 0 0 #ffffff;height: 20px;}40% {box-shadow: 0 -10px rgba(255,255,255,0.92);height:25px;}}
@-webkit-keyframes loader {0%, 80%, 100% {box-shadow: 0 0 #ffffff;height: 20px;}40% {box-shadow: 0 -10px rgba(255,255,255,0.92);height:25px;}}
@-o-keyframes loader {0%, 80%, 100% {box-shadow: 0 0 #ffffff;height: 20px;}40% {box-shadow: 0 -10px rgba(255,255,255,0.92);height:25px;}}
.loading_cont .loader{animation-delay:-0.16s;font-size:11px;margin:0 auto;position:relative;text-indent:-999em;transform:translateZ(0px);}
.loading_cont .loader::before{animation-delay:-0.32s;left:-8px;}
.loading_cont .loader::after{left:8px;}



/*halloween effects*/
.new_effect{ padding:0px 0 80px 0;}
.new_effect h2{ font-size:24px; margin:15px 0 25px 0;}
.new_effect .itemN{ position:relative; margin-bottom:25px;}
.new_effect .itemN .nameL{ padding-right:20px; margin-top:15px;}
.new_effect .itemN .play a span{display:block; background:url(images/iconplay.png) no-repeat;width:64px;height:61px;background-position:-16px -210px; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-55px;}
.new_effect .itemN .play a:hover span{ background-position:-16px -289px;}
.new_effect .effect_tab .eff_nav{width:80%;margin:0 auto 50px auto;}
.new_effect .effect_tab .eff_nav li {display:block; float:left; width:25%;text-align:center; color:#abdedf;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; cursor:pointer;}
.new_effect h2.effect_title{color:#58bfc9;font-size:42px;text-align: center;margin-top: 100px;margin-bottom: 25px;line-height:42px;}
.new_effect p.effect_intro{font-size:24px;text-align: center;}
.new_effect .itemBox{ margin-top:60px; position:relative;}

.new_effect .itemBox .item .play{ position:relative;text-align: center;margin: 0 auto;max-width:700px;}
.new_effect .itemBox .item .play a{color:#fff;}
.new_effect .itemBox .item .play a span{display:block; background:url(images/iconplay.png) no-repeat;width:112px;height:116px; position:absolute; left:50%; margin-left:-55px; top:50%; margin-top:-70px;}
.new_effect .itemBox .item .play a:hover span{ background-position:0 -136px;}
.new_effect .itemBox .item .play a strong{ display:block; font-weight:normal;position:relative; bottom:125px; text-align:center;}
.new_effect .itemBox .item .play a:hover{ color:#58bfc9;}

.new_effect .effect_tab .eff_nav li.curr,.new_effect .effect_tab .eff_nav li:hover {text-decoration:none;color:#bfbfbc;}
.new_effect .effect_tab .eff_nav li .img {border:10px solid #abdedf; border-radius:100px; padding:20px; width:50px; height:50px;margin:20px auto 0 auto; text-align:center;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s; background-image:url(images/effect-tab-icon.png);background-repeat:no-repeat; display:block; margin-bottom:10px;}
.new_effect .halloween_eff .eff_nav{width:50%;}
.new_effect .halloween_eff .eff_nav li{width:33%;}
.new_effect .halloween_eff .slides li{color:#d74d37;}

.new_effect .halloween_eff .slides li .img{background-image:url(images/effect-news-icon.png);border-color:#e29d92;}
.new_effect .halloween_eff .featImgSlide_s .flex-prev,.new_effect .halloween_eff .featImgSlide_s .flex-next{background:url(images/news-effct-btn.png);top:20%;}
.new_effect .halloween_eff .featImgSlide_s .flex-next{background-position:0 -142px;}
.new_effect .halloween_eff .featImgSlide_s .flex-control-paging li a.flex-active{ background:#d74d37;} 

.new_effect .effect_tab .eff_nav li.curr .img,.new_effect .effect_tab .eff_nav li:hover .img {border:10px solid #bfbfbc;}
.new_effect .effect_tab .eff_nav .ef1{ background-position:4px -83px;}
.new_effect .effect_tab .eff_nav li.curr .ef1{background-position:4px 8px;}
.new_effect .effect_tab .eff_nav .ef2{ background-position:4px -263px;}
.new_effect .effect_tab .eff_nav li.curr .ef2{background-position:4px -176px;}
.new_effect .effect_tab .eff_nav .ef3{ background-position:4px -450px;}
.new_effect .effect_tab .eff_nav li.curr .ef3{background-position:4px -357px;}
.new_effect .effect_tab .eff_nav .ef4{ background-position:4px -630px;}
.new_effect .effect_tab .eff_nav li.curr .ef4{background-position:4px -548px;}

/*spring effects*/
.spring_effect{background:#72b09d url(images/spring_ld.png) no-repeat top center;text-align:center;padding:560px 0 80px;}
.spring_effect h2{font-size:56px;color:#FFF;font-weight:bold;margin-bottom:40px;line-height:60px;}
.spring_effect .spring_share a{color:#FFF;background:#da4e37;display:inline-block;border-radius:50px;padding:10px 30px;}


/*valentine effects*/
.valentine_effect .title{font-size: 42px;
    color: #d74d37;
    text-align: center;
    position: relative;
    line-height: 42px;}
.valentine_effect .itemN{ position:relative; margin-bottom:25px;} 
.valentine_effect .itemN .nameL{ padding-right:20px; margin-top:15px;}
.valentine_effect .w{width:1000px;margin:0 auto;text-align:center;padding-top:115px;}
.valentine_effect .w .tip{font-size:20px;padding:20px 0;}
.valentine_effect .itemBox{margin-top:50px;}
@media (max-width: 767px) {
	.valentine_effect .w{width:100%;}
	.valentine_effect .itemBox{margin-bottom:60px;}	
}
@media (max-width: 479px) {
	.valentine_effect .itemBox{margin-bottom:120px;}	
}
.valentine_effect .effect_tab .eff_nav li.curr .img,.valentine_effect .effect_tab .eff_nav li:hover .img {border:10px solid #bfbfbc;}
.valentine_effect .effect_tab .eff_nav .ef1{ background-position:4px -83px;}
.valentine_effect .effect_tab .eff_nav li.curr .ef1{background-position:4px 8px;}
.valentine_effect .effect_tab .eff_nav .ef2{ background-position:4px -263px;}
.valentine_effect .effect_tab .eff_nav li.curr .ef2{background-position:4px -176px;}
.valentine_effect .effect_tab .eff_nav .ef3{ background-position:4px -450px;}
.valentine_effect .effect_tab .eff_nav li.curr .ef3{background-position:4px -357px;}
.valentine_effect .effect_tab .eff_nav .ef4{ background-position:4px -630px;}
.valentine_effect .effect_tab .eff_nav li.curr .ef4{background-position:4px -548px;}
.valentine_effect .effect_tab .eff_nav li.curr,.valentine_effect .effect_tab .eff_nav li:hover {text-decoration:none;color:#bfbfbc;}
.valentine_effect .effect_tab .eff_nav li .img {border:10px solid #c598ae; border-radius:100px; padding:20px; width:50px; height:50px;margin:20px auto 0 auto; text-align:center;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s; background-image:url(images/effect-valentine-icon.png);background-repeat:no-repeat; display:block; margin-bottom:10px;}
.valentine_effect .effect_tab .eff_nav{width:80%;margin:0 auto 50px auto;}
.valentine_effect .effect_tab .eff_nav li {display:block; float:left; width:33%;text-align:center; color:#9e5478;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; cursor:pointer;}
.valentine_effect .effect_tab .eff_nav{width:50%;}

.valentine_effect .itemBox .item .play{ position:relative;text-align: center;margin: 0 auto;max-width:700px;}
.valentine_effect .itemBox .item .play a{color:#fff;}
.valentine_effect .itemBox .item .play a span{display:block; background:url(images/iconplay.png) no-repeat;width:112px;height:116px; position:absolute; left:50%; margin-left:-55px; top:50%; margin-top:-70px;}
.valentine_effect .itemBox .item .play a:hover span{ background-position:0 -136px;}

.valentine_effect .featImgSlide_s .flex-prev,.valentine_effect .featImgSlide_s .flex-next{background:url(images/valentine-effct-btn.png);top:20%;}
.valentine_effect .featImgSlide_s .flex-next{background-position:0 -142px;}
.valentine_effect .featImgSlide_s .flex-control-paging li a.flex-active{ background:#9e5478;} 


/*christmas effect*/

.new_effect .christmas_eff .eff_nav{width:50%;}
.new_effect .christmas_eff .eff_nav li{width:33%;}
.new_effect .christmas_eff .slides li{color:#d74d37;}

.new_effect .christmas_eff .slides li .img{background-image:url(images/effect-news-icon.png);border-color:#e29d92;}
.new_effect .christmas_eff .featImgSlide_s .flex-prev,.new_effect .christmas_eff .featImgSlide_s .flex-next{background:url(images/news-effct-btn.png);top:20%;}
.new_effect .christmas_eff .featImgSlide_s .flex-next{background-position:0 -142px;}
.new_effect .christmas_eff .featImgSlide_s .flex-control-paging li a.flex-active{ background:#d74d37;} 


@media (max-width: 767px) {
	.new_effect .effect_tab .eff_nav{ width:100%;}
	.new_effect .effect_tab .eff_nav li{ width:45%;}
}

/*email*/
.emailBox{ background:#fff; padding:70px 10px;}
.emailBox .name{ font-size:28px; margin-bottom:10px;font-weight:400;}
.emailBox .des{ font-size:18px; font-weight:normal; font-weight:300;}
.mail_txt{ margin-top:15px;}
.mail_txt input{padding:5px 15px;height:40px; font-size:14px; line-height:40px;border: solid 2px #57bec8; background:#fff; border-radius:5px; margin-right:10px; color:#666;}
.mail_txt input.submitBtn{-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;border: solid 2px #d94e37; background:none; display:inline-block;color:#d94e37; font-size:18px; text-decoration:none; cursor:pointer; height:53px;}
.mail_txt .mail_name{ width:13%;}
.mail_txt .mail_adress{ width:34%;}
.mail_txt input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background:none!important; color:#fff!important;}
.thanksBox{ text-align:center; padding:20px 40px;}
.thanksBox .name{font-size:28px; margin-bottom:10px;font-weight:400;}
.thanksBox .des{ font-size:18px;font-weight:300;}
.thanksBox .sendBtn_ok{ width:80px; margin:15px auto 0 auto; display:block; text-align:center; cursor:pointer;}
@media (max-width: 767px) {
	.mail_txt input{margin-bottom:10px;}
	.mail_txt .mail_name{ width:90%;}
	.mail_txt .mail_adress{width:90%;}
}
.vidoeBox{ padding:20px 40px; text-align:center;}
.vidoeBox .name{font-size:28px; margin-bottom:10px;font-weight:400;}
.vidoeBox .des{ font-size:18px;font-weight:300;}
.vidoeBox .mail_txt{ width:60%; margin:10px auto;}
.vidoeBox .mail_txt td{ padding-left:10px;}
.vidoeBox .mail_txt input{padding:5px 15px;height:40px;font-size:14px; line-height:40px;border: solid 2px #57bec8; background:#fff; border-radius:5px; margin-right:10px; color:#666; margin-top:10px;width:90%;}
.vidoeBox .sendBtn{ margin-top:10px;}
.vidoeBox .mail_txt .wrong_tips{ font-size:16px;padding-top:15px;color:#d94e37;}
.vidoeBox .mail_txt .mid_f{ line-height:70px;}
@media (max-width: 767px) {
	.vidoeBox .mail_txt{ width:100%;}	
	.vidoeBox .mail_txt input{ width:100%;}
}

/*creat video*/
.pro_ptb{padding:105px 0;overflow:hidden;}
.pro_pt{ padding-top:105px;overflow:hidden;}
.pro_main h2{ font-size:42px; font-weight:300; padding-bottom:10px; line-height:1.2em;letter-spacing:5px;position:relative;}
.pro_main h2 .newest{background:#d74d37;color:#FFF;border-radius:4px;padding:4px 8px;line-height:24px;letter-spacing:normal;display:block;position:absolute;right:22%;top:-25px;font-size:24px;}
.pro_main h2 .newest:after{content:'';display:block;width: 0;height: 0;border-style: solid;border-width: 0 0 20px 20px;border-color: transparent transparent #d74d37 transparent;position:absolute;left:-15px;top:8px;}
.pro_main .tdd{ margin-top:15px;text-align:center; font-size:23px; font-weight:300;}
.pro_main .tdd strong{ color:#58bfc9;}
.gray_bg{ background:#f5f5f5 url(images/get-bottom-bg.jpg) no-repeat 15% 90px; padding:60px 0 70px 0;}

.line_pb{ text-align:center; padding-top:50px;}
.video_pt{ padding-top:80px;}
/*.video_vvbg{background:url(images/get-bg-img1.jpg) no-repeat 15% 200px; padding-bottom:100px;}*/
.banner_creat{ background:url(images/creat-banner-bg.jpg) no-repeat 0 center; padding:235px 0 210px 0; color:#fff; text-align:center;}
.banner_creat h1{ font-size:50px; font-weight:300; margin-bottom:65px; line-height:1.2em;}
.banner_creat h1 strong{ font-weight:500;}
.banner_creat .des{ font-size:24px; font-weight:300;}
.banner_creat .des strong{ display:block;font-weight:500;}
.banner_creat .mail_txt{ margin-top:20px;}
.banner_creat .mail_txt input,.mail_p .mail_txt input{ background:none; color:#fff;} 
.banner_creat .mail_txt .mail_box,.mail_p .mail_txt .mail_box,.emailBox .mail_txt .mail_box{ position:relative;}
.banner_creat .mail_txt .mail_btn,.mail_p .mail_txt .mail_btn,.emailBox .mail_txt .mail_btn{ position:absolute; right:30px; top:15px;}
@media (max-width: 979px) {
  .gray_bg{ padding:50px 0 30px 0;}
}
@media (max-width: 768px) {
	.banner_creat h1{ font-size:40px;}
	.pro_main h2{ font-size:33px; font-weight:400;}
	.banner_creat{padding: 200px 0 180px 0;}
	.banner_creat .mail_txt .mail_box,.mail_p .mail_txt .mail_box{display:block;}
	.pro_main .tdd{ font-size:20px;}
}
@media (max-width: 480px) {
	.banner_creat {padding:180px 0 50px 0;}
	.gray_bg{ background-position:0 bottom;}
	.pro_main h2{ font-size:28px;}
}
.bottomBg_pt{ padding-top:30px;}
.tab_bg{ background:url(images/res-effct-bg.jpg) repeat;}
.tab_bg_pb{padding-bottom: 580px;}
.tab_video_po{ position:absolute; top:-150px; width:100%;}
.tab_pbb{ padding-top:50px;}
.tab_video .info_box { text-align:center;}
.tab_video .info_box .t{ font-size:21px; margin-top:15px;}
.tab_video .info_box .t span{ font-size:24px;}
.tab_video .info_box .play{max-width:700px;margin: 0 auto;text-align: center;}
.tab_video .info_box .play a{ position:relative;}
.tab_video .info_box .play a span{display:block; background:url(images/play-icon.png) no-repeat;width:150px;height:150px;  position:absolute; left:50%; margin-left:-60px; top:50%; margin-top:-75px; }
.tab_video .info_box .play a:hover span{background-position:0 -225px;}
.tab_video .meun{ padding:25px 0 15px 0;position: relative; width: 800px;margin: 0 auto;;}
.tab_video .meun ul li{ float:left; width:25%; text-align:center; cursor:pointer;}
.tab_video .meun .flex-prev,.tab_video .meun .flex-next{ background:url(images/arrow-btn-icon.png) no-repeat; width:80px; height:108px; position:absolute; bottom:70px; z-index:1; text-indent:-9999px;}  
.tab_video .meun .flex-prev{ left:-100px;background-position:-8px -365px;}
.tab_video .meun .flex-next{ background-position:-8px -530px; right:-100px;}
.tab_video .meun .flex-control-paging{ display:none;}
.tab_video .meun ul li a{font-size: 16px;font-weight: 300; text-decoration:underline;}
.tab_video .meun ul li a:hover{ text-decoration:none;}
.tab_video .meun ul li .img{ width:150px; height:150px; margin:0 auto; background:url(images/get-creat-peoicon.png) no-repeat;}
.tab_video .meun ul li.curr .img{ border:none; }
.tab_video .meun ul li .img.img1{ background-position:-46px -39px;}
.tab_video .meun ul li.curr .img.img1{background-position:-353px -39px;}
.tab_video .meun ul li .img.img2{ background-position:-46px -264px;}
.tab_video .meun ul li.curr .img.img2{background-position:-353px -264px;}
.tab_video .meun ul li .img.img3{ background-position:-46px -485px;}
.tab_video .meun ul li.curr .img.img3{background-position:-353px -485px;}
.tab_video .meun ul li .img.img4{ background-position:-46px -708px;}
.tab_video .meun ul li.curr .img.img4{background-position:-353px -708px;}
.tab_video .meun ul li .img.img5{ background-position:-46px -931px;}
.tab_video .meun ul li.curr .img.img5{background-position:-353px -931px;}
.tab_video .meun ul li .img.img6{ background-position:-46px -1150px;}
.tab_video .meun ul li.curr .img.img6{background-position:-353px -1150px;}
.tab_video .meun ul li .img.img7{ background-position:-46px -1378px;}
.tab_video .meun ul li.curr .img.img7{background-position:-353px -1378px;}
.tab_video .meun ul li .img.img8{ background-position:-46px -1610px;}
.tab_video .meun ul li.curr .img.img8{background-position:-353px -1610px;}
.tab_video .meun ul li .img.img9{ background-position:-46px -1839px;}
.tab_video .meun ul li.curr .img.img9{background-position:-353px -1839px;}
.tab_video .meun ul li .img.img10{ background-position:-46px -2067px;}
.tab_video .meun ul li.curr .img.img10{background-position:-353px -2067px;}
.tab_video .meun ul li .img.img11{ background-position:-46px -2298px;}
.tab_video .meun ul li.curr .img.img11{background-position:-353px -2298px;}
.tab_video .meun ul li .imgNew{ width:150px; height:150px; margin:0 auto; background:url(images/get-creat-peoicon2.png) no-repeat;}
.tab_video .meun ul li .imgNew.img1{ background-position:-46px -39px;}
.tab_video .meun ul li.curr .imgNew.img1{background-position:-353px -39px;}
.tab_video .meun ul li .imgNew.img2{ background-position:-46px -264px;}
.tab_video .meun ul li.curr .imgNew.img2{background-position:-353px -264px;}
.tab_video .meun ul li .imgNew.img3{ background-position:-46px -485px;}
.tab_video .meun ul li.curr .imgNew.img3{background-position:-353px -485px;}
.tab_video .meun ul li .imgNew.img4{ background-position:-46px -708px;}
.tab_video .meun ul li.curr .imgNew.img4{background-position:-353px -708px;}
.tab_video .meun ul li .imgNew.img5{ background-position:-46px -928px;}
.tab_video .meun ul li.curr .imgNew.img5{background-position:-353px -928px;}
.tab_video .meun ul li .imgNew.img6{ background-position:-46px -1141px;}
.tab_video .meun ul li.curr .imgNew.img6{background-position:-353px -1141px;}
.tab_video .meun ul li .imgNew.img7{ background-position:-46px -1380px;}
.tab_video .meun ul li.curr .imgNew.img7{background-position:-353px -1380px;}
.tab_video .meun ul li .imgNew.img8{ background-position:-46px -1604px;}
.tab_video .meun ul li.curr .imgNew.img8{background-position:-353px -1604px;}
.tab_video .meun ul li .imgNew.img9{ background-position:-46px -1824px;}
.tab_video .meun ul li.curr .imgNew.img9{background-position:-353px -1824px;}
.tab_video .meun ul li .imgNew.img10{ background-position:-46px -2048px;}
.tab_video .meun ul li.curr .imgNew.img10{background-position:-353px -2048px;}
.tab_video .meun ul li .imgNew.img11{ background-position:-46px -2278px;}
.tab_video .meun ul li.curr .imgNew.img11{background-position:-353px -2278px;}
.tab_video .meun ul li .imgNew.img12{ background-position:-46px -2514px;}
.tab_video .meun ul li.curr .imgNew.img12{background-position:-353px -2514px;}
.tab_video .meun ul li .imgNew.img13{ background-position:-46px -2754px;}
.tab_video .meun ul li.curr .imgNew.img13{background-position:-353px -2754px;}
.tab_video .meun ul li .imgNew.img14{ background-position:-46px -2994px;}
.tab_video .meun ul li.curr .imgNew.img14{background-position:-353px -2994px;}
.tab_video .meun ul li .imgNew.img15{ background-position:-46px -3228px;}
.tab_video .meun ul li.curr .imgNew.img15{background-position:-353px -3228px;}

.tab_video .meun ul li p span{ font-size:15px; display:block;}
#video-iframe-c{ height:400px; width:660px;}
@media (max-width: 979px) {
	.tab_video .meun{ width:600px;}
}
@media (max-width: 768px) {
	#video-iframe-c{ height:460px;}
	.tab_video .meun ul li{ width:33%;}
	.tab_bg{padding-bottom: 671px;}
	.tab_video .meun{ width:370px;}
}
@media (max-width: 480px) {
	#video-iframe{ height:260px;}
	.tab_bg{ padding-bottom:0;}
	.tab_video{ position:inherit; top:auto; padding-top:25px;}
	.tab_video .meun{ width:150px;}
	.tab_video .meun ul li{ width:50%; margin-top:10px;}
}

.blue_bg{ background:#81ced6;}
.mail_p{ padding:60px 0; text-align:center; color:#fff;}
.mail_p .des{ font-size:24px; font-weight:300;}
.mail_p .des strong{ display:block;font-weight:500;}
.mail_p .mail_txt{ margin-top:40px;}

.about_con{ text-align:center;}
.about_con h2{margin-bottom:40px;}
.about_con ul{ width:60%; margin:0 auto;}
.about_con ul li{ width:33.33%; text-align:center; float:left;}
.about_con ul li span{ font-size:20px; display:block;}
@media (max-width: 768px) {
	.about_con ul{ width:100%;}
}
.main_video_bg{background:url(images/res-effct-bg.jpg) repeat;}

/*valentine features*/

.valentine_features{background:url(images/valentine_bg.jpg) no-repeat center center;background-size:cover;padding:10px 0 50px;margin-bottom:40px;color:#FFF;}
.valentine_features .w{max-width:1000px;margin:0 auto;text-align:center;}
.valentine_features .w h2{text-transform:uppercase;font-size:40px;padding:60px 0 20px;position:relative;letter-spacing:2px;line-height:42px;}
.valentine_features .w h2 span{background:#d74d37;color:#FFF;border-radius:4px;padding:4px 8px;font-size:18px;position:absolute;right:10%;top:40px;line-height:24px;}
.valentine_features .w h2 span:after{content:'';width:0;height:0;border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent #d74d37 transparent;display:block;position:absolute;left:-15px;top:6px;}


.valentine_features .cont_one{margin-top:60px;font-size:0;}
.valentine_features .cont_one p.t{background:url(images/editing_icon.png) no-repeat center top;padding-top:90px;line-height:18px;font-size:18px;margin-bottom:50px;width:240px;}
.valentine_features .cont_one p.interface{background-position:center -245px;}
.valentine_features .cont_one p.scrolling{background-position:center -122px;}
.valentine_features .cont_one p.fourk{background-position:center -370px;}
.valentine_features .cont_one .lft,.valentine_features .cont_one .mid,.valentine_features .cont_one .rgt{display:inline-block;vertical-align:top;}
.valentine_features .cont_one .mid{margin:0 30px;}
.valentine_features .cont_one .mid .video-iframe-play{width:458px;height:257px;}
.valentine_features .cont_one .mid a{display:block;width:450px;height:250px;border:4px solid #FFF;position:relative;}
@media (max-width: 460px) {
	.valentine_features .cont_one .mid{margin:0;}
	.valentine_features .cont_one .mid a{width:380px;height:214px;}
	.valentine_features .cont_one .mid .video-iframe-play{width:380px;height:214px;}
}
@media (max-width: 380px) {
	.valentine_features .cont_one .mid{margin:0;}
	.valentine_features .cont_one .mid a{width:310px;height:174px;}	
	.valentine_features .cont_one .mid .video-iframe-play{width:310px;height:174px;}	
}
.valentine_features .cont_one .mid .video{display:none;}
.valentine_features .cont_one .mid span{background:url(images/play_btns.png) no-repeat;width:88px;height:87px;display:block;position:absolute;top:50%;left:50%;margin-left:-44px;margin-top:-44px;opacity:0.8;}
.valentine_features .cont_one .mid span:hover{opacity:1;}
.valentine_features .download_btns a{color:#FFF;text-decoration:underline;}


/*product*/
.banner_pro .play_video{display:block; background:url(images/pro-banner-play.png) no-repeat;width:170px;height:170px; background-position:0 0; text-indent:-9999px; margin:0 auto; position:absolute; right:22%; top:25%;}
.banner_pro .play_video:hover{background-position:0 -210px;}
.banner_pro{ background:url(images/pro-banner.jpg) no-repeat center center;background-size:cover; padding:200px 0 80px 0; color:#fff;}
.banner_pro .des{ font-size:19px; font-weight:300; width:400px;}
.banner_pro .des span.dd{ font-size:21px; display:block; font-weight:400; padding-bottom:15px;}
.banner_pro .notes a{font-size:16px; line-height:1.4em; text-decoration:none;}
.banner_pro .notes a:hover{ text-decoration:underline;}
.banner_pro .btn{ padding-top:60px;}
.banner_pro .btn a{ width:265px;}
.banner_pro a.win,.banner_pro .win,
.banner_pro a.mac,.banner_pro .mac{display:inline-block; background:url(images/iconImg2.png) no-repeat 0 5px;color:#fff; font-size:12px;padding-left:33px;width:60px; line-height:30px;}
.banner_pro a.win:hover,
.banner_pro a.win.curr{ background-position:0 4px; text-decoration:none;font-size:12px; color:#fff;}
.banner_pro a.win{background-position:0 -37px; color:#f96e65;}
.banner_pro a.mac{background-position:0 -117px; color:#f96e65;}
.banner_pro a.mac:hover,
.banner_pro .mac,
.banner_pro a.mac.curr{ background-position:0 -78px; text-decoration:none;color:#fff;}
.banner_pro .support_os{ margin-top:10px; padding-left:70px;}

.link_r a{ font-size:17px; margin-top:20px; display:block;}
.video_motion{ background:url(images/pro-midbg.jpg) no-repeat center center;background-size:cover; margin:50px 0; height:730px; position:relative;}
.video_motion .item{ float:left; width:25%;}
.video_motion .pro_feat{ position:relative;color:#fff; text-align:center;}
.video_motion .pro_feat .txt{padding:0 3%; line-height:1.4em; text-align:center; font-size:16px;}
.video_motion .pro_feat .txt .title{ display:block; font-size:21px; margin-bottom:10px;}
.animation_motion {position: relative;z-index: 1;}
.animationStart1 .animation_motion .featImg img {margin:0; max-width:100%;}
.animationStart1 .animation_motion .featImg{opacity:0; margin-top:200px;transition:opacity 1s,margin-top 0.8s;}
.animationStart1 .animation_style .featImg{opacity:1; margin-top:50px;}
.video_motion .video_play{ position:absolute; text-align:center;left:50%; margin-left:-512px; margin-top:50px;}
.video_motion .video_play .play span{display:block; background:url(images/play-icon.png) no-repeat;width:150px;height:150px; position:absolute; left:50%; margin-left:-75px; top:50%; margin-top:-75px; background-position:0 -2px;}
.video_motion .video_play .play a:hover span{ background-position:0 -225px;}
.animationStart2 .animation_motion .play {transition:opacity 1.5s,margin-top 1.5s;opacity:0;}
.animationStart2 .animation_style .play{opacity:1;}
.video_motion .video_play .video-iframe-play{ height:576px;width:1024px;}
@media (max-width: 979px) {
	.video_motion .video_play .video-iframe-play{height:543px;width:966px;}
}

@media (max-width: 768px) {
	.banner_pro .play_video{ display:none;}
	.banner_pro{ background-position:50% center;}
	.video_motion .item{ width:50%;}
	.video_motion{ height:875px;}
	.video_motion .video_play .video-iframe-play{height:490px;width:872px;}
}
@media (max-width: 480px) {
	.banner_pro .des{ width:auto;}
	.video_motion .item{ float:none; width:100%;}
	.video_motion .video_play{ position:inherit; left:auto; margin-left:0;}
	.video_motion .video_play .video-iframe-play{height:259px;width:460px;}
}
@media (max-width: 320px) {
	.video_motion .video_play .video-iframe-play{ height:173px; width:auto;}
}
.pro_main .tabRed_effect{ padding-top:50px;}
.pro_main .tabRed_effect .redCon{ padding-bottom:30px; min-height:450px;}
.pro_main .tabRed_effect .redNav li {display:block; float:left; width:19.66%;text-align:center; color:#bfbfbf;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; cursor:pointer;}
.pro_main .tabRed_effect .redNav li.curr,.pro_main .tabRed_effect .redNav li:hover {text-decoration:none;color:#d94e37;}
.pro_main .tabRed_effect .redNav li .img {border:10px solid #dfdfdf; border-radius:100px; padding:20px; width:50px; height:50px;margin:20px auto 0 auto; text-align:center;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s; background-image:url(images/effect-icon.png);background-repeat:no-repeat; display:block; margin-bottom:10px;}
.pro_main .tabRed_effect .redNav li.curr .img,.pro_main .tabRed_effect .redNav li:hover .img {border:10px solid #e8a093;}
.pro_main .tabRed_effect .redNav .img1{ background-position:2px 8px;}
.pro_main .tabRed_effect .redNav li.curr .img1{background-position:2px -75px;}
.pro_main .tabRed_effect .redNav .img2{ background-position:2px -155px;}
.pro_main .tabRed_effect .redNav li.curr .img2{background-position:2px -232px;}
.pro_main .tabRed_effect .redNav .img3{ background-position:2px -317px;}
.pro_main .tabRed_effect .redNav li.curr .img3{background-position:2px -408px;}
.pro_main .tabRed_effect .redNav .img4{ background-position:2px -498px;}
.pro_main .tabRed_effect .redNav li.curr .img4{background-position:2px -585px;}
.pro_main .tabRed_effect .redNav .img5{ background-position:2px -674px;}
.pro_main .tabRed_effect .redNav li.curr .img5{background-position:2px -769px;}
.pro_main .tabRed_effect .redNav .img6{ background-position:2px -869px;}
.pro_main .tabRed_effect .redNav li.curr .img6{background-position:2px -958px;}
.pro_main .tabRed_effect .redNav .img7{ background-position:2px -1052px;}
.pro_main .tabRed_effect .redNav li.curr .img7{background-position:2px -1132px;}
.pro_main .tabRed_effect .redNav .img8{ background-position:2px -1230px;}
.pro_main .tabRed_effect .redNav li.curr .img8{background-position:2px -1325px;}



.pro_main .tabRed_effect .redNav{position:relative; width:800px; margin:0 auto;}
.pro_main .tabRed_effect .redNav .slides{ width:80%;}
.pro_main .tabRed_effect .redNav .flex-prev,.pro_main .tabRed_effect .redNav .flex-next{ background:url(images/arrow-btn-icon.png) no-repeat; width:80px; height:108px; position:absolute; bottom:35px; z-index:1; text-indent:-9999px;}  
.pro_main .tabRed_effect .redNav .flex-prev{left:-60px;background-position:-8px -690px;}
.pro_main .tabRed_effect .redNav .flex-prev:hover{background-position:-8px -30px;}
.pro_main .tabRed_effect .redNav .flex-next{ background-position:-8px -860px;right:-60px;}
.pro_main .tabRed_effect .redNav .flex-next:hover{ background-position:-8px -200px;}
.pro_main .tabRed_effect .redNav .flex-control-paging{position:absolute;left:50%;text-align:center;list-style:none;margin-left:-25px;bottom: -50px;}
.pro_main .tabRed_effect .redNav .flex-control-paging li{margin-right:20px;display:inline-block;*display:inline; width:auto;}
.pro_main .tabRed_effect .redNav .flex-control-paging li a{display:inline-block; background:#f7dcd7;width:18px;height:18px; border-radius:20px;cursor:pointer; overflow:hidden; text-indent:-99999px;}
.pro_main .tabRed_effect .redNav .flex-control-paging li a.flex-active{background:#d94e37;} 
.pro_main .tabRed_effect .redCon .item_con .imgFl{ float:left; width:55%; text-align:right;}
.pro_main .tabRed_effect .redCon .item_con .txtFr{ float:left; width:35%; background:url(images/red-line-bg.jpg) no-repeat 50px 0; padding:100px 0 200px 0; margin-left:50px;}
.pro_main .tabRed_effect .redCon .item_con .txt h4{ font-size:24px;font-weight:300;text-align:center; padding-bottom:10px;}
.pro_main .tabRed_effect .redCon .item_con .txt p{ font-size:21px; text-align:center; font-weight:300;}
.pro_main .tabRed_effect .redCon .item_con .imgFr{ float:right; width:50%; text-align:right;}
.pro_main .tabRed_effect .redCon .item_con .txtFl{ float:left; width:31%; background:url(images/red-line-bg1.jpg) no-repeat 150px 0; padding:100px 0 200px 0; margin-left:50px;}
.pro_main .tabRed_effect .redCon .item_con .pos_ab{ position:absolute; right:-180px; width:100%;}
.picInfo_box{ padding-top:96px;}
.picInfo_box .title_name { font-size:23px; line-height:1.2em; padding:10px 0; font-weight:bold;}
.picInfo_box .infofl {float: left;width: 45%; padding-top:45px;}

@media (max-width: 979px) {
	.pro_main .tabRed_effect .redNav{ width:600px;}
	.pro_main .tabRed_effect .redCon .item_con .pos_ab{ position:inherit; right:auto; width:50%;}
	.pro_main .tabRed_effect .redCon .item_con .txtFl{background: url(images/red-line-bg1.jpg) no-repeat 110px 0;}
	.pro_main .tabRed_effect .redCon .item_con .txtFr,.pro_main .tabRed_effect .redCon .item_con .txtFl{padding: 80px 0 150px 0;}
	.picInfo_box{ padding-top:68px;}
	.picInfo_box .infofl{ width:38%;}
}
@media (max-width: 768px) {
	.pro_main .tabRed_effect .redCon{ min-height:inherit;}
	.picInfo_box .infofl{ width:auto; float:none; padding-top:25px;}
	.picInfo_box{ padding-top:20px; text-align:center;}
	.pro_main .tabRed_effect .redCon .item_con .imgFl,.pro_main .tabRed_effect .redCon .item_con .imgFr{ float:none; width:auto;}
	.pro_main .tabRed_effect .redCon .item_con .txtFr,.pro_main .tabRed_effect .redCon .item_con .txtFl{ float:none; width:auto; background:none;}
	.pro_main .tabRed_effect .redCon .item_con .txtFr, .pro_main .tabRed_effect .redCon .item_con .txtFl{ padding:20px 0;}
	.pro_main .tabRed_effect .redNav{ width:370px;}
	.pro_main .tabRed_effect .redNav .flex-control-paging{ width:100%; left:0;margin-left:20px;}
	.pro_main .tabRed_effect .redNav .flex-control-paging li{ display:none;}
}
@media (max-width: 480px) {
	.pro_main .tabRed_effect .redNav{ width:230px;}
}
.main_video .grayBtn_p{ padding-bottom:50px;}
.bgColor_r {background:#d04b35;color: #fff;}
.bgColor_b{background:#54b7c0;color: #fff;}
.pro_main .procateBox .picfl,.pro_main .procateBox .picfr {position:relative; z-index:1; height:438px; background-position:right 0; background-repeat:no-repeat;}
.pro_main .procateBox .picfl {float: left;width: 50%;}
.pro_main .procateBox .picfr {float: right;width: 50%;}
.pro_main .procateBox .contfl {float:left; padding:30px 50px 0 50%; margin-left:-500px; width:450px; text-align:right;}
.pro_main .procateBox .contfr {padding:50px 0 0 50%; margin-left:50px; width:450px; text-align:left;}
.pro_main .procateBox .pro_redBg{ background:url(images/pro-img-r.jpg) no-repeat;position:relative;}
.pro_main .procateBox .pro_blueBg{ background:url(images/pro-img-b.jpg) no-repeat; position:relative;}
.pro_main .procateBox .txt{ font-size:28px; margin-bottom:10px;}
.pro_main .procateBox .title{ font-size:36px; line-height:1.4em; width:52%; text-align:center;position:absolute; left:0; top:130px;}
.pro_main .procateBox .title2{ font-size:36px; line-height:1.4em; width:35%; text-align:center; position:absolute; right:0; top:130px;}
.pro_main .procateBox .txt{-webkit-transform:translate(0);-webkit-animation:animations 2s ease-out;-moz-transform:translate(0);-moz-animation:animations 2s ease-out;-o-transform:translate(0);-o-animation:animations 2s ease-out;-ms-transform:translate(0);-ms-animation:animations 2s ease-out;transform:translate(0);animation:animations 2s ease-out;}

@media (max-width: 979px) {
	.pro_main .procateBox .contfr{width:auto;}
	.pro_main .procateBox .txt{ font-size:24px;}
	.pro_main .procateBox .title{ font-size:34px;width:100%;}
	.pro_main .procateBox .title2{ width:100%;font-size:34px;}
}
@media (max-width: 767px) {
	.pro_main .procateBox {position:relative; z-index:1;}
	.pro_main .procateBox .picfl,.pro_main .procateBox .picfr {margin:0; height:200px; width:100%; z-index:2; position:absolute; top:0; left:0;}
	.pro_main .procateBox .contfl,.pro_main .procateBox .contfr {float:none; padding:20px 0; margin:0 auto;position:relative; z-index:1;overflow: hidden;}
	.pro_main .procateBox .title{ font-size:30px;}
	.pro_main .procateBox .title2{ font-size:30px;}
	.pro_main .procateBox .title{ top:20px;}
	.pro_main .procateBox .picfr,.pro_main .procateBox .picfl{ float:none;}
	.pro_main .procateBox .contfl{ text-align:left; width:auto;}
	.pro_main .procateBox .txt{float:left; padding-left:30px;}
	.pro_main .procateBox .title2{top:20px;}
	.pro_main .procateBox .picfl, .pro_main .procateBox .picfr{ position:inherit;}
}
@media (max-width: 479px) {
	.pro_main .procateBox .txt{ font-size:20px;}
}

.pro_main .tabBed_effect{ padding-top:50px;}
.pro_main .tabBed_effect .redCon{ padding-bottom:30px; min-height:460px;}
.pro_main .tabBed_effect .redNav li {display:block; float:left; width:19.66%;text-align:center; color:#bfbfbf;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; cursor:pointer;}
.pro_main .tabBed_effect .redNav li.curr,.pro_main .tabBed_effect .redNav li:hover {text-decoration:none;color:#5dc1ca;}
.pro_main .tabBed_effect .redNav li .img {border:10px solid #dfdfdf; border-radius:100px; padding:20px; width:50px; height:50px;margin:20px auto 0 auto; text-align:center;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s; background-image:url(images/effect-blue-icon.png);background-repeat:no-repeat; display:block; margin-bottom:10px;}
.pro_main .tabBed_effect .redNav li.curr .img,.pro_main .tabBed_effect .redNav li:hover .img {border:10px solid #b0dde2;}
.pro_main .tabBed_effect .redNav .img1{ background-position:0 6px;}
.pro_main .tabBed_effect .redNav li.curr .img1{background-position:0 -90px;}
.pro_main .tabBed_effect .redNav .img2{ background-position:5px -190px;}
.pro_main .tabBed_effect .redNav li.curr .img2{background-position:5px -285px;}
.pro_main .tabBed_effect .redNav .img3{ background-position:5px -386px;}
.pro_main .tabBed_effect .redNav li.curr .img3{background-position:5px -484px;}
.pro_main .tabBed_effect .redNav .img4{ background-position:5px -595px;}
.pro_main .tabBed_effect .redNav li.curr .img4{background-position:5px -704px;}
.pro_main .tabBed_effect .redNav .img5{ background-position:5px -812px;}
.pro_main .tabBed_effect .redNav li.curr .img5{background-position:5px -912px;}
.pro_main .tabBed_effect .redNav .img6{ background-position:5px -1045px;}
.pro_main .tabBed_effect .redNav li.curr .img6{background-position:5px -1188px;}
.pro_main .tabBed_effect .redNav .img7{ background-position:5px -1306px;}
.pro_main .tabBed_effect .redNav li.curr .img7{background-position:5px -1394px;}
.pro_main .tabBed_effect .redNav .img8{ background-position:5px -1495px;}
.pro_main .tabBed_effect .redNav li.curr .img8{background-position:5px -1580px;}
.pro_main .tabBed_effect .redNav li.curr .img9{background-position:5px -1755px;}
.pro_main .tabBed_effect .redNav .img9{background-position:5px -1672px;}

.pro_main .tabBed_effect .redNav{position:relative; width:800px; margin:0 auto;}
.pro_main .tabBed_effect .redNav .slides{ width:80%;}
.pro_main .tabBed_effect .redNav .flex-prev,.pro_main .tabBed_effect .redNav .flex-next{ background:url(images/arrow-btn-icon.png) no-repeat; width:80px; height:108px; position:absolute; bottom:35px; z-index:1; text-indent:-9999px;}  
.pro_main .tabBed_effect .redNav .flex-prev{left:-60px;background-position:-8px -690px;}
.pro_main .tabBed_effect .redNav .flex-prev:hover{background-position:-8px -360px;}
.pro_main .tabBed_effect .redNav .flex-next{ background-position:-8px -860px; right:-60px;}
.pro_main .tabBed_effect .redNav .flex-next:hover{ background-position:-8px -530px;}
.pro_main .tabBed_effect .redNav .flex-control-paging{position:absolute;left:50%;text-align:center;list-style:none;margin-left:-25px;bottom: -50px;}
.pro_main .tabBed_effect .redNav .flex-control-paging li{margin-right:20px;display:inline-block;*display:inline;width:auto;}
.pro_main .tabBed_effect .redNav .flex-control-paging li a{display:inline-block; background:#d6eaec;width:18px;height:18px; border-radius:20px;cursor:pointer; overflow:hidden; text-indent:-99999px;}
.pro_main .tabBed_effect .redNav .flex-control-paging li a.flex-active{background:#58bfc9;} 
.pro_main .tabBed_effect .redCon .item_conB .imgFl{ float:left; width:55%; text-align:right;}
.pro_main .tabBed_effect .redCon .item_conB .txtFr{ float:left; width:35%; background:url(images/blue-line-bg.jpg) no-repeat 50px 0; padding:100px 0 200px 0; margin-left:50px;}
.pro_main .tabBed_effect .redCon .item_conB .txt h4{ font-size:24px;font-weight:300;text-align:center;}
.pro_main .tabBed_effect .redCon .item_conB .txt p{ font-size:21px; text-align:center; font-weight:300;}
.pro_main .tabBed_effect .redCon .item_conB .imgFr{ float:right; width:50%; text-align:right;}
.pro_main .tabBed_effect .redCon .item_conB .txtFl{ float:left; width:31%; background:url(images/blue-line-bg1.jpg) no-repeat 150px 0; padding:100px 0 200px 0; margin-left:50px;}
.pro_main .tabBed_effect .redCon .item_conB .pos_ab{ position:absolute; right:-180px; width:100%;}
@media (max-width: 979px) {
	.pro_main .tabBed_effect .redNav{ width:600px;}
	.pro_main .tabBed_effect .redCon .item_conB .txtFl{background: url(images/blue-line-bg1.jpg) no-repeat 120px 0;}
	.pro_main .tabBed_effect .redCon .item_conB .txtFr,.pro_main .tabBed_effect .redCon .item_conB .txtFl{ padding:80px 0 150px 0;}
}
@media (max-width: 767px) {
	.pro_main .tabBed_effect .redCon{ min-height:inherit;}
	.pro_main .tabBed_effect .redCon .item_conB .imgFl,.pro_main .tabBed_effect .redCon .item_conB .imgFr{ float:left; width:auto;}
	.pro_main .tabBed_effect .redNav{width:370px;}
	.pro_main .tabBed_effect .redCon .item_conB .txtFr, .pro_main .tabBed_effect .redCon .item_conB .txtFl{ background:none;width:auto; margin-left:0; padding:30px 0;}
	.pro_main .tabBed_effect .redCon .item_conB .pos_ab{ position:inherit; right:0;}
	.pro_main .tabBed_effect .redNav .flex-control-paging li{ display:none;}
}
@media (max-width: 479px) {
	.pro_main .tabBed_effect .redNav{width:230px;}
	.pro_main .tabBed_effect .redNav .flex-control-paging{width:100%; left:0; margin-left:20px;}
}

.pro_main .share_w{ width:60%; margin:0 auto; font-weight:300;}
.pro_main .share_work{ padding:50px 0 30px 0;}
.pro_main .share_work ul{ background:url(images/share-dot-bg.jpg) repeat-x;}
.pro_main .share_work ul li{ float:left; width:33%; text-align:center;}
.pro_main .share_work ul li span{ display:block; color:#d94e37; text-align:center;}
@media (max-width: 767px) {
	.pro_main .share_work ul{ background:none;}
	.pro_main .share_work ul li{ float:none; width:auto; text-align:center; margin-bottom:15px;}
	.pro_main .share_w{ width:100%;}
}

/*amotin*/
.animationStart3 .animation_motion .txt{transition:opacity 1s,padding-top 0.5s;}
.animationStart3 .animation_motion .tit{opacity:0; transition-delay:0.5s;}
.animationStart3 .animation_style .txt{ opacity:1;}
.animationStart3 .animation_style .tit h4,.animationStart3 .animation_style .tit p {animation: as6 1s linear 0.3s 1 forwards;-webkit-animation: as6 1s linear 0.3s 1 forwards;-moz-animation: as6 1s linear 0.3s 1 forwards;-o-animation: as6 1s linear 0.3s 1 forwards; opacity:1;}
.animationStart5 .animation_motion .txt{transition:opacity 1s,padding-top 0.5s;}
.animationStart5 .animation_motion .tit{opacity:0; transition-delay:0.5s;}
.animationStart5 .animation_style .txt{ opacity:1;}
.animationStart5 .animation_style .tit h4,.animationStart5 .animation_style .tit p {animation: as6 1s linear 0.3s 1 forwards;-webkit-animation: as6 1s linear 0.3s 1 forwards;-moz-animation: as6 1s linear 0.3s 1 forwards;-o-animation: as6 1s linear 0.3s 1 forwards; opacity:1;}
@keyframes as6 {
from {transform: rotateY(120deg);-webkit-transform: rotateY(120deg);-moz-transform: rotateY(120deg);-o-transform: rotateY(120deg);}
to {transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
}
@-webkit-keyframes as6 {
from {transform: rotateY(120deg);-webkit-transform: rotateY(120deg);}
to {transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
}
@-moz-keyframes as6 {
from {transform: rotateY(120deg);-moz-transform: rotateY(120deg);}
to {transform: rotateY(0deg);-moz-transform: rotateY(0deg);}
}
@-o-keyframes as6 {
from {transform: rotateY(120deg);-o-transform: rotateY(120deg);}
to {transform: rotateY(0deg);-o-transform: rotateY(0deg);}
}
.animationStart4 .animation_motion .pro_redBg .title,.animationStart4 .animation_motion .pro_blueBg .title2{transition:opacity 2s,top 1s,right 1s;}
.animationStart4 .animation_motion .pro_redBg .title_a{opacity:0;transition-delay:0.2s;top:0;}
.animationStart4 .animation_style .pro_redBg .title{ top:130px; opacity:1;}
.animationStart4 .animation_motion .txt{transition:opacity 1s,padding-right 0.5s,top 1s,padding-left 0.5s;color:#fff;}
.animationStart4 .animation_motion .t1{opacity:0;transition-delay:1s;padding-right:50px;}
.animationStart4 .animation_motion .t2{opacity:0; transition-delay:1.2s;padding-right:50px;}
.animationStart4 .animation_motion .t3{opacity:0; transition-delay: 1.4s;padding-right:50px;}
.animationStart4 .animation_motion .t4{opacity:0; transition-delay: 1.6s;padding-right:50px;}
.animationStart4 .animation_motion .t5{opacity:0; transition-delay: 1.8s;padding-right:50px;}
.animationStart4 .animation_motion .t6{opacity:0; transition-delay:2s;padding-right:50px;}
.animationStart4 .animation_motion .t7{opacity:0; transition-delay:2.2s;padding-right:50px;}
.animationStart4 .animation_motion .t8{opacity:0; transition-delay:2.4s;padding-right:50px;}
.animationStart4 .animation_motion .t9{opacity:0; transition-delay:2.6s;padding-right:50px;}
.animationStart4 .animation_motion .t10{opacity:0; transition-delay:2.8s;padding-right:50px;}

.animationStart4 .animation_motion .pro_blueBg .title_a{opacity:0;transition-delay:3.5s;top:0;}
.animationStart4 .animation_style .pro_blueBg .title2{ top:130px; opacity:1;}
.animationStart4 .animation_motion .b1{opacity:0;transition-delay:4.5s;padding-left:50px;}
.animationStart4 .animation_motion .b2{opacity:0; transition-delay:4.7s;padding-left:50px;}
.animationStart4 .animation_motion .b3{opacity:0; transition-delay:4.9s;padding-left:50px;}
.animationStart4 .animation_motion .b4{opacity:0; transition-delay:5.1s;padding-left:50px;}
.animationStart4 .animation_motion .b5{opacity:0; transition-delay:5.3s;padding-left:50px;}
.animationStart4 .animation_motion .b6{opacity:0; transition-delay:5.5s;padding-left:50px;}
.animationStart4 .animation_motion .b7{opacity:0; transition-delay:5.7s;padding-left:50px;}
.animationStart4 .animation_style .txt{ opacity:1;padding-right:0;padding-left:0;}
@media (max-width: 1300px) {
	.animationStart4 .animation_style .pro_redBg .title,.animationStart4 .animation_style .pro_blueBg .title2{ top:105px; opacity:1;}
}
@media (max-width: 768px) {
	.animationStart4 .animation_style .pro_redBg .title,.animationStart4 .animation_style .pro_blueBg .title2{ top:20px; opacity:1;}
	.animationStart4 .animation_style .txt{padding-left:15px;}
}
.pro_main .pro_tip_tab .tips_nav li{ float:left; width:32.40%; margin-left:1%; border:1px solid #a9a9a9; padding:8px 0; text-align:center; font-size:24px; cursor:pointer;}
.pro_main .pro_tip_tab .tips_nav li:first-child{margin-left:0;}
.pro_main .pro_tip_tab .tips_nav li.curr{ color:#57bec8; border:1px solid #57bec8;}
.pro_main .pro_tip_tab .tips_con{ margin-top:15px;}
.pro_main .pro_tip_tab .tips_con .tip_item{background:#ddf2f4; }
.pro_main .pro_tip_tab .tips_con .tip_item .right_t{ float:left; width:57%; background:#57bec8; color:#fff; padding:5%;min-height: 170px;}
.pro_main .pro_tip_tab .tips_con .tip_item .left_t{ float:left; width:23%; background:#ddf2f4; color:#444;padding:5%;}
.pro_main .pro_tip_tab .tips_con .tip_item .right_t ul li{ background:url(images/white-icon-dot.png) no-repeat 2px 11px; padding-left:20px; padding-bottom:5px;}
.pro_main .pro_tip_tab .tips_con .tip_item .right_t ul li a{ color:#fff; font-weight:300;}
.pro_main .pro_tip_tab .tips_con .tip_item .left_t h5{ font-size:24px;}
.pro_main .pro_tip_tab .tips_con .tip_item .left_t ul{ margin-top:10px;}
.pro_main .pro_tip_tab .tips_con .tip_item .left_t ul li a{ color:#444;}
.pro_main .pro_tip_tab .tips_con .tip_item .left_t ul li{ background:url(images/black-icon-dot.png) no-repeat 2px 10px; padding-left:20px; margin-top:5px;}
@media (max-width: 979px) {
	.pro_main .pro_tip_tab .tips_nav li{width:32.4%;}
}
@media (max-width: 768px) {
	.pro_main .pro_tip_tab .tips_nav li{width: 32%;}
	.pro_main .pro_tip_tab .tips_con .tip_item .right_t{ width:auto;float:none;}
	.pro_main .pro_tip_tab .tips_con .tip_item .left_t{ width:auto; float:none;}
}


/*get creative revision - main*/





/****************************************************
*  project: site optimization for mobile device     *
*  description: break point 768px/1000px            *
*  author: mazq@wondershare.cn                      *
*  update: 160725                                   *
*****************************************************/

/* [container]/{break point} */
/* [308] -> {480} <- [460] -> {768} <- [750] --> {1000} <-- [1000] */
/********** product/feature **********/
@media (max-width: 767px) {
.banner_pro { box-sizing: border-box; min-height: 100vh; background: #005861; background-color: #005861; background-image: url("images/pro-banner-sm.jpg"); background-size: cover; background-position: center; padding: 200px 0 40px; }
.banner_pro .support_os { display: none; }
.banner_pro .btn { text-align: center; }
.banner_pro .btn a { display: inline-block; }
.banner_pro .btn a.btn_downWin { display: none; }
.video_motion { background: #566170; background-color: #566170; background-image: url("images/pro-midbg-sm.jpg"); background-size: cover; background-position: center; padding-top: 5px; height: 1050px; margin-bottom: 0; }
.pro_main.pro_pt { padding-top: 40px; }
.pro_main .tabRed_effect, .pro_main .tabBed_effect { padding-top: 20px; display: flexbox; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.pro_main .tabRed_effect .redCon, .pro_main .tabBed_effect .redCon { padding-bottom: 0; }
.pro_main .tabRed_effect .redCon .item_con .txtFr { margin-left: 0; }
.pro_main .tabRed_effect .redCon .item_con .txtFl { margin-left: 0; }
.pro_main .tabRed_effect .redNav, .pro_main .tabBed_effect .redNav { width: 200px; margin-bottom: 20px; }
.pro_main .tabRed_effect .redNav .flex-next, .pro_main .tabBed_effect .redNav .flex-next { background-position: -8px -855px; }
.pro_main .tabRed_effect .redNav .flex-next:hover, .pro_main .tabBed_effect .redNav .flex-next:hover { background-position: -8px -195px; }
.animationStart4 { padding-top: 30px; border-top: solid 1px #eee; margin-top: 10px; }
.animationStart4 .animation_style .pro_redBg .title, .animationStart4 .animation_style .pro_blueBg .title2 { top: 30px; }
.pro_main .procateBox .pro_redBg, .pro_main .procateBox .pro_blueBg { background-size: cover; }
.pro_main .procateBox .contfl, .pro_main .procateBox .contfr { text-align: center; }
.pro_main .procateBox .txt { float: none; display: inline-block; padding-left: 0; padding: 0 10px; }
.pro_ptb { padding: 40px 0; }
.pro_gray { padding-bottom: 0; }
.pro_main .pro_tip_tab .tips_nav li { font-size: 18px; }
}
@media (max-width: 320px) {
.banner_pro { padding: 160px 0 20px; }
}


/********** get creative **********/
@media (max-width: 767px) {
/** all **/
.creative_banner .flex-viewport .slides a { display: block; }
.creative_banner .flex-direction-nav { display: block; margin-top: 0; }
.creative_banner .flex-direction-nav li a.flex-prev { left: 0; }
.creative_banner .flex-direction-nav li a.flex-next { right: 0; }
.most_popular .cont { margin-bottom: 0; margin-left: 0; }
.most_popular .ep { width: 300px; margin-left: 4px; margin-right: 4px; }
.most_popular hr { margin-top: 0 !important; }
.most_popular .intro { padding: 20px; }
.most_popular .intro ul.switch { font-size: 18px; padding-bottom: 8px; margin-bottom: 8px; text-align: center; }
.most_popular .intro ul.switch li { float: none; display: inline-block; }
.most_popular .intro h4 { font-size: 18px; margin: 10px 0; }
.most_popular .intro .dorne { margin-bottom: 30px; }
.most_popular .intro .series p:last-of-type { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

/** vlogger **/
.vlogger_banner { background: url(images/vlogger_banner_bg-sm.jpg) no-repeat center center; }

/** mobile **/
.action_banner { background: url(images/action_banner_bg-sm.jpg) no-repeat center center; }

/** detail **/
.crumbs_nav { white-space: normal; }
.crumbs_nav li { display: inline-block; float: none; }
.crumbs_nav li a { display: inline-block; }
.detail_popular .cont .l_cont .arc { background: transparent; padding: 0; }
.detail_popular .cont .l_cont .arc iframe { width: 308px; height: 173.25px; }
.detail_popular .cont .l_cont .arc h1 { font-size: 24px; margin-bottom: 20px; }
.detail_popular .cont .l_cont .article_title { padding-bottom: 0; border-bottom: none; padding-top: 20px; border-top: 1px solid #bababa; }
.detail_popular .cont .r_cont .ep { margin-left: 0; margin-right: 0; }
.detail_popular .article_lst .arc_lst { padding-bottom: 15px; }
.detail_popular .article_lst .arc_lst .cont { padding-left: 0; }
.detail_popular .article_lst .arc_lst .cont .sub { white-space: normal; }
.detail_popular .cont .r_cont .v { margin-left: 0; padding-bottom: 0; margin-bottom: 30px; }
.detail_popular .cont .r_cont .v h2 { font-size: 18px; padding: 0 0 12px; margin-bottom: 0; border-bottom: 1px dotted rgba(255,255,255,0.9); }
.detail_popular .cont .r_cont .a p { padding: 20px 10px 10px; font-size: 14px; line-height: 20px; font-weight: 400; }

/** search **/
.search_popular .lft { float: none !important; margin: 0 15px; width: calc(100% - 30px) !important; }
.search_popular .rgt { width: 100% !important; margin-top: 0; }
.search_popular .rgt .ep { float: none; width: 300px; margin: 30px auto; }
}

/********** review **********/
@media (max-width: 767px) {
.proTop-review .title-name { padding-top: 30px; }
.proTop-review .rev-btn .btn { float: right; }
.review-listBox .rev-rat .rating { display: inline-block; vertical-align: middle; }
.review-listBox .rev-rat span { display: inline-block; line-height: 15px; float: right; }
.review-listBox .rev-info, .review-listBox .rev-btn { padding: 0; }
.review-listBox .rev-info strong { display: inline-block; line-height: 25px; }
.review-listBox .rev-info em { display: inline-block; line-height: 25px; float: right; }
.review-listBox .rev-info p { line-height: 20px; }
.review-listBox .rev-btn { float: right; }
.review-listBox .rev-btn p { display: none; }
}

/********** tech **********/
@media (max-width: 767px) {
.proTop-columnInfo .columnInfo { width: 100%; padding: 30px 0 20px; }
.proTop-columnInfo .btn { text-align: center; }
.proTop-columnInfo .btn .btn-buy-new { display: inline-block; }
.proTop-columnInfo .btn p { text-align: center; padding-top: 10px; }
.techspec { width: 308px; }
.techspec td { box-sizing: border-box; display: block; width: 100%; }
.techspec tr > td:first-of-type { font-weight: 700; }
.techspec .version-box li { padding: 20px 0; }
.techspec .version-box iframe { width: 288px; height: 162px; }
}



/****************************************************
*  project: filmora 7.5 version updates             *
*  description: change images and features          *
*  author: mazq@wondershare.cn                      *
*  update: 160718                                   *
****************************************************/

/********** product **********/
.pro_main .tabRed_effect .redCon .item_con .imgFr { width: 55%; }
.pro_main .tabRed_effect .redNav .img75-1 { background-position: 2px -1423px; }
.pro_main .tabRed_effect .redNav li.curr .img75-1 { background-position: 2px -1513px; }
.pro_main .tabRed_effect .redNav .img75-2 { background-position: 2px -1606px; }
.pro_main .tabRed_effect .redNav li.curr .img75-2 { background-position: 2px -1710px; }
@media (max-width: 767px) {
.pro_main .tabRed_effect .redCon .item_con .imgFr { width: auto; }
}

.mac_cont{display: none;}