.container-lg {
    max-width: 1200px;
}
@media (min-width: 1216px){ 
.container-lg { width: 1216px; max-width: 1216px; }
}

.if_mac{display: none;}

.header{border-bottom:5px solid #d8d8d8;padding:10px 0;}
.header .logo{float:left;}
.header .logo a{display:block; background:url(images/logo.png) no-repeat;width:168px;height:15px; text-indent:-9999px;}
.header .lag{float:right;}
.header .lag .it{display:inline-block; background:url(images/gq.png) no-repeat;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.header .lag .br{display:inline-block; background:url(images/gq.png) no-repeat 0 -20px;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.header .lag .usa{display:inline-block; background:url(images/gq.png) no-repeat 0 -40px;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.header .lag .jp{display:inline-block; background:url(images/gq.png) no-repeat 0 -60px;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.header .lag .aus{display:inline-block; background:url(images/gq.png) no-repeat 0 -80px;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.topPro-nav {padding:10px 0; background:#0087cc; color:#fff;position: fixed;top: 0;left: 0;width: 100%;z-index: 40;}
.topPro-nav .if_close_top {background-color:#3EA4A6;}
.topPro-nav .pro_name {float:left; font-size:24px; padding:10px 0 0 0;margin: 0;}
.topPro-nav .btn {float:right;}
.topPro-nav .btn a {line-height:43px;display: block;border:2px solid #fff;width: 200px;height: 43px;border-radius: 5px;font-size: 16px;color: #fff;text-align: center;}
.topPro-nav .btn a span{margin-right: 5px;}

.livechatBtn,.feedbackBtn{ display:block;background:url(http://images.wondershare.net/style/images/livechat_icon.jpg) no-repeat; width:45px; height:42px; position:fixed; right:0;bottom:30%; z-index:2;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.livechatBtn:hover{width:116px;}
.feedbackBtn{ background-image:url(http://images.wondershare.com/style/images/feedback.png); width:50px; height:100px;}
@media (max-width: 979px) {
  .livechatBtn{ display:none !important;}
}

.toTop {display:block; position:fixed; z-index:2; background:url(http://images.wondershare.net/style/images/btn.png) no-repeat  -163px -53px; width:55px; height:50px; bottom:30px; right:3%;}
.footer{ background:#19282f; overflow:hidden; padding: 25px 0; color:#88919f; text-align:left;}
.footer dt{ font-size:15px;  color:#a7b0bd; margin-bottom:2px;}
.footer a{color:#88919f;}
.footer .link{ font-size:12px;padding-right:20px; margin-right:20px;}


/** modal/popup **/
.modal-content { padding: 50px 40px; background-color: #3f4e59; box-shadow: none; border-radius: 0; color: #fff; border: none; }
.modal-header { border-bottom: none; padding: 0; position: relative; }
.modal-header .close { font-size: 42px; color: #fff; line-height: 30px; width: 30px; height: 30px; display: block; opacity: 1; text-shadow: none; position: absolute; right: -25px; top: -35px;font-weight: normal;}
.modal-header .close:hover { color: #ff6d5c; }
.modal-header .close:focus{outline: none;}
.modal-title { font-size: 24px; font-weight: normal; line-height: 30px; letter-spacing: 0.9px; padding: 10px 0; }
.modal-body { padding: 20px 0; font-size: 18px; }
.modal-footer { padding: 0; border-top: none; background-color: transparent; text-align: center; }
.modal-sm .modal-content { padding: 20px; }
.modal-sm .modal-header .close { position: absolute; margin-top: -10px; right: 10px;}
#modal-youtube .modal-body { height: 0; padding-bottom: 56.12245%; position: relative; }
#modal-youtube iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: none; }


.banner{background: #0087cc url(images/banner_youtube_converter.jpg) no-repeat;color: #FFF;position: relative;padding: 100px 0 80px;}
.banner h1{font-size: 48px;margin-bottom: 20px;font-weight: normal;}
.banner p.tip{font-size: 24px;margin-bottom: 50px;}
.banner .play_btn{display: block;width: 100px;height: 100px;position: absolute;left: 55%;top: 40%;background: url(images/play_ico.png) no-repeat;cursor: pointer;}
.banner ul.lst{padding-left: 0;margin-bottom: 60px;}
.banner ul.lst li{padding-left: 35px;margin-bottom: 15px;list-style: none;background: url(images/right_ico.png) no-repeat;}
.banner .free_download .group{display: inline-block;vertical-align: top;}
.banner .free_download a.download_btn{background: #FFF;color: #0087cc;width: 225px;height: 60px;line-height: 60px;text-align: center;display: block;font-size: 20px;margin-bottom: 20px;}
.banner .free_download a.switch_btn{background: url(images/line.png) no-repeat right 4px;padding-right: 40px;color: #FFF;display: inline-block;margin-top: 20px;margin-left: 12px;}

.top_nav{background: #0087cc;color: #FFF;margin-bottom: 80px;}
.top_nav ul{padding-left: 0;margin-bottom: 0;}
.top_nav ul li{padding: 90px 18px 25px;position: relative;list-style: none;transition: all ease-in-out 0.2s;}
.top_nav ul li:hover{background: #52aedc;cursor: pointer;}
.top_nav ul li.actived:before{position:absolute;left:80px;bottom:-20px;content: '';display: block;width: 0;height: 0;border-style: solid;border-width: 20px 20px 0 20px;border-color: #0087cc transparent transparent transparent;transition: all ease-in-out 0.2s;}
.top_nav ul li:after{content: '';display: block;width: 100%;height: 55px;background: url(images/top_nav_ico.png) no-repeat center 0;position: absolute;left: 0;top: 20px;}
.top_nav ul li.convert:after{background-position: center 0;}
.top_nav ul li.support:after{background-position: center -56px;}
.top_nav ul li.faster:after{background-position: center -115px;}
.top_nav ul li.online:after{background-position: center -175px;}
.top_nav ul li.up:after{background-position: center -235px;}
.top_nav ul li.tast:after{background-position: center -292px;}
.top_nav ul li a{color: #FFF;display: block;text-align: center;}

.tab_cont{margin-bottom: 80px;}
.tab_cont .cell{display: none;}
.tab_cont .convert_lst{display: block;}
.tab_cont .convert_lst .free_btn{text-align: center;padding-top:30px; }
.tab_cont .convert_lst table{border: 1px solid #bebebe;width: 100%;position: relative;}
.tab_cont .convert_lst table td{border: 1px solid #bebebe;padding: 20px;}
.tab_cont .convert_lst table td.s{color: #0087cc;padding-left: 8%;}
.tab_cont .convert_lst table td.s span{display: inline-block;background: url(images/fun_ico.png) no-repeat;line-height: 60px;padding-left: 50px;}
.tab_cont .convert_lst table td.s.dvd span{background-position: 0 10px;}
.tab_cont .convert_lst table td.s.audio span{background-position: 0 -52px;}
.tab_cont .convert_lst table td.s.video span{background-position: 0 -118px;}
.tab_cont .convert_lst table td.s.device span{background-position: 0 -188px;}
.tab_cont .free_btn a{width: 180px;height: 48px;line-height: 48px;text-align: center;color: #FFF;display: inline-block;background: #0087cc;}
.tab_cont .support_lst h2{font-size: 36px;font-weight: normal;margin:0 0 20px;}
.tab_cont .support_lst p{margin-bottom: 30px;}

.simply_video{background: url(images/simply_bg.png) no-repeat;text-align: center;padding: 92px 0 100px;}
.simply_video .container{position: relative;}
.simply_video h2{font-size: 48px;margin:0 auto 62px;font-weight: 300;max-width: 850px;}
.simply_video .cell{display: inline-block;position: relative;margin-left: 80px;vertical-align: top;}
.simply_video .cell:first-child{margin-left: 0;}
.simply_video .cell:after{content: '';width: 51px;height: 51px;border-radius: 50%;display: block;font-size: 36px;font-weight: bold;text-align: center;line-height: 51px;background: #0087cc;color: #FFF;position: absolute;left: -25px;top: 30%;}
.simply_video .cell.a:after{content: '1';}
.simply_video .cell.b:after{content: '2';}
.simply_video .cell.c:after{content: '3';}
.simply_video .cell.d:after{content: '4';}
.simply_video .cell.e:after{content: '5';}
.simply_video .cell img{width: 320px;}
.simply_video .cell .pho{margin-bottom: 20px;}
.simply_video .cell p{font-size: 18px;width: 320px;text-align: left;}
.simply_video .swiper-button-prev{background: url(images/arrow_ico.png) no-repeat 0 -222px;width: 38px;height: 65px;left:-60px;top:60%;}
.simply_video .swiper-button-prev:hover{background-position: 0 -148px;}
.simply_video .swiper-button-next{background: url(images/arrow_ico.png) no-repeat 0 -74px;width: 38px;height: 65px;right:-60px;top:60%;}
.simply_video .swiper-button-next:hover{background-position: 0 0}

.all{background:rgba(242, 242, 242, 0.26) url(images/all_bg.png) no-repeat;text-align: center;padding: 100px 0 0;}
.all .cell .col-md-4{padding: 0 68px;}
.all h2{font-size: 48px;margin-bottom: 25px;font-weight: 300;}
.all p{margin-bottom: 110px;}
.all h4{font-size: 24px;font-weight: 300;margin-bottom: 20px;position: relative;color: #0087cc;}
.all h4:after{content:'';position: absolute;left: 50%;top: -70px;width: 83px;height: 55px;background: url(images/all_ico.png) no-repeat;margin-left: -41px;}
.all h4.convert:after{background-position: 0 0;}
.all h4.download:after{background-position: 0 -72px;}
.all h4.format:after{background-position: 0 -150px;}
.all h4.edit:after{background-position: 0 -220px;}
.all h4.video:after{background-position: 0 -296px;}
.all h4.record:after{background-position: 0 -368px;}
.all h4.support:after{background-position: 0 -440px;}
.all h4.compress:after{background-position: 0 -520px;}
.all h4.devices:after{background-position: 0 -596px;}

.video_converter {background:#0087cc url(images/video_bg.jpg) no-repeat 80% 0;color: #FFF;text-align: center;min-height: 490px;padding-top: 140px;}
.video_converter h2{font-size: 48px;font-weight: normal;margin-bottom: 20px;}
.video_converter h2 span{font-weight: bold;}
.video_converter .tip{margin-bottom: 50px;}
.video_converter .group a{width: 180px;height: 48px;line-height: 48px;text-align: center;display: inline-block;color: #0087cc;background: #FFF;margin-bottom: 6px;}
.video_converter .group p{font-size: 12px;}

.guide_cont{background: #f2f2f2;padding: 50px 0;}
.guide_cont h4{font-size: 24px;margin-bottom: 55px;font-weight: normal;}
.guide_cont h4 .control_btn{display: inline-block;border: 1px solid #0087cc;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 50%;font-size: 19px;color: #0087cc;cursor: pointer;margin-left: 10px;}
.guide_cont .install_cont{background: rgba(255, 255, 255, 0.53);padding: 34px 40px;display: none;}
.guide_cont .install_cont .install_pho{padding-bottom: 60px;margin-bottom: 52px;border-bottom: 1px dashed #979797;}
.guide_cont .install_cont h6{font-size: 36px;font-weight: bold;margin-bottom: 36px;}
.guide_cont .install_cont p{font-size: 18px;}