/*==============Pro-Main==============*/
.pro-main{padding:50px 0;}
.pro-main.gray{ background:#f7f7f7}
.pro-main .title{font-size:26px;color:#969696;font-weight: normal;text-align:center;margin-bottom:40px;}
.pro-main .brand{ text-align: center;color:#2BB9F2;font-weight: normal; font-size:35px; padding-bottom: 30px;}
.pro-main .re-title{font-size:35px;color:#969696;font-weight:normal}
.container{width:960px;margin:0 auto;} 
.row-fluid {width: auto;margin: 0 auto;overflow: hidden;}


/*==========Product Feature==========*/
.pro-main h4{ color:#333333; font-weight:normal;font-size: 28px;padding-bottom:10px;}
.pro-main p{ margin-top:10px; color:#505050;}

/*style1*/
.info-left{float: left; width: 460px;}
.pic-right{float: right; width:480px;text-align:right}

/*style2*/
.pic-left{width:480px;float:left;text-align:left;}
.info-right{width: 460px;float:right; }

/*style3*/
.info-item{text-align: center;width:30%;float:left;margin-left: 40px;}
.info-item-pic{width:100%; text-align:center}

/*style4*/
.info-top{text-align: center;padding-bottom: 30px;}
.pic-bottom{text-align:center;width:100%;}



p a{ color:#3399ff}
.fl-left{ float:left;}
.prod-smswrap{width:80%; margin:0 auto;}

/*==Product Banner===================*/
.prod-name{color: #FFFFFF;font-weight:normal;font-size: 35px;padding-top: 40px;padding-bottom:10px;}
.pro-banner{ min-height: 360px;background-color:#000;background-position:center top;position:relative;z-index:0; clear:both; padding-bottom:10px;background-size: auto 100%;background-repeat: no-repeat;}
.pro-banner .banner-wrap{position:relative; z-index:1;width: 960px;margin: 0 auto;}
.pro-banner .banner-wrap .banner-left{width: 66%; z-index:2;}
/*.pro-banner .banner-wrap .banner-left .name{color:#FFFFFF;font-size:35px;padding-top: 30px;}*/
.pro-banner .banner-wrap .banner-left .name small{font-size: 16px;padding: 3px 10px;border-radius: 5px;font-weight: normal;white-space: nowrap; background-color:#0066CC; margin-left:10px}
.pro-banner .banner-wrap .banner-left h3{font-size: 14px;color:#FFFFFF; font-weight:normal;/*margin-top: 10px;*/margin-bottom: 16px;}
.version-note{font-size: 16px;padding: 3px 10px;border-radius: 5px;font-weight: normal;white-space: nowrap;background-color: #0066CC;margin-left: 10px; float:left;color: #fff;}
.btn{float:left;}

/*DRM*/
.audiobook-bg{ background-image:url(../images/audiobook-converter-mac-banner.jpg);}
.ae-bg{background-image:url(../images/ae-banner.jpg);}
.video-mac-bg{ background-image:url(../images/video-converter-mac-banner.jpg); background-color:#000;}
.video-bg{ background-image:url(../images/itunes-video-converter-banner.jpg); background-color:#819097;}
.spotify-mac-bg{ background-image:url(../images/spotify-converter-mac-banner.jpg);background-color:#102030;}
.spotify-bg{ background: #101115 url(../images/spotify-converter-banner.jpg);}
.applemusic-mac-bg{ background: #000 url(../images/applemusic-banner.jpg);}
.ar-bg{background-image:url(../images/ar-banner.jpg); background-color:#032e4e;}
.systemchoose{float:left; width:100%}
.systemchoose .system1,.system2,.system3{float:left;width:100%}
.systemchoose .system1 .label,.system2 .label,.system3 .label{font-size:16px;color:#FFFFFF;padding-top: 30px;}
.system1 .button,.system2 .button,.system3 .button{float: left; margin-top:10px;width:100%}
.trail,.buy{width:40%; float:left;display:inline-block; padding:7px 35px 7px 60px;width:100px; font-size:22px; font-weight:bold;color: #FFFFFF;line-height:1em; margin-right:10px}
.trail {background:#19cb65 url(../images/trail_btn.png) no-repeat 20px center;}
.buy {background:#f4871c url(../images/buy_btn.png) no-repeat 20px center;}
.trail:hover,.buy:hover{text-decoration:none;color: #FFFFFF;}
.trail:hover{ background:#1ed86d url(../images/trail_btn.png) no-repeat 20px center;}
.buy:hover{ background:#f4871c url(../images/buy_btn.png) no-repeat 20px center; }
.small{display:block;font-size:14px;font-weight:normal;}
#whatnew a{ no-repeat; padding-left:35px; padding-top: 4px; padding-bottom: 6px;}



@media screen and (max-width: 1440px) {
.pro-banner {background-position:center top;}

}
@media screen and (max-width: 979px) {
.pro-banner .banner-wrap{width:80%; margin: 0 auto;}
.pro-banner .banner-wrap .banner-left{width:100%;}
.pro-banner .banner-wrap .banner-left .forwin{width:100%;}
#prod-social-btns{clear: both;margin-left: -33%;margin-top: 20px;}
h2.prod-name {font-size: 26px;}
.banner-left .systemchoose {padding-top: 40px;}

.info-left, .info-right{width: 100%}
.pic-left, .pic-right{width: 80%}

}

@media screen and (max-width: 768px) {
.pro-banner { background-color:#3399ff;} 
.pro-banner .banner-wrap{ margin: 0 auto; width:460px; padding-bottom:4%}
.pro-banner .banner-wrap .banner-left{ width:100%;}
.pro-banner .banner-wrap .banner-left .forwin .label{ padding-top:0px} 
.pro-banner .banner-wrap .banner-left .systemchoose .system1 .button .trail{display:none}
.pro-banner .banner-wrap .banner-left h3{ margin-bottom:0px}
.pro-banner .banner-wrap .banner-left .systemchoose .system2 .button .trail{display:none}
.pro-banner .banner-wrap .banner-left .systemchoose .system3 .button .trail{display:none}
/*.pro-banner .banner-wrap .banner-left .name{padding-top:15px;}*/
#whatnew{display:none;}
#prod-social-btns{margin-left: -40%;margin-top: 14px;}
}

@media screen and (max-width: 479px) {
.pro-banner .banner-wrap{ margin: 0 auto; width:308px; padding-bottom:20%}
.pro-banner .banner-wrap .banner-left{ width:100%;}
#prod-social-btns{margin-left: -60%;margin-top: 44px;}
#prod-ratings{display:none;}

.pro-banner .banner-wrap .banner-left .more-platform{display:none}
}



/*==Top-Nav==================*/
.pro-top-wrap{ background-color: #f7f7f7;}
.pro-top-wrap .pro-nav{margin:0 auto;width:960px; height:44px;}
.pro-top-wrap .pro-nav .choose{ width:30%; float:left}
.pro-top-wrap .pro-nav .choose li{height:35px; padding:11px 0px 0px 15px;margin-right:0px; width:66px;}
.pro-top-wrap .pro-nav .choose li:hover{background-image:url(../images/sy_bg.png); background-repeat:no-repeat;margin-top:-7px;position:relative;z-index:1;margin-right:0px;padding:18px 0px 0px 15px;  height:35px; width:66px;cursor:pointer;}
.pro-top-wrap .pro-nav .choose .currItem{background-image:url(../images/sy_bg.png); background-repeat:no-repeat;margin-top:-7px;position:relative;z-index:1;margin-right:0px;padding:18px 0px 0px 15px;  height:35px; width:65px;cursor:pointer}

.pro-top-wrap .pro-nav .other{ float: left; width:70%}
.pro-top-wrap .pro-nav ul li{font-size:15px;float:left;padding-top: 10px; color:#666666; margin-right:20px;}

@media (max-width: 979px) {
.pro-top-wrap .pro-nav{ width:80%}
.pro-top-wrap .pro-nav .choose{ width:45%; float:left}
.pro-top-wrap .pro-nav .other{ float:right; width:55%}
.pro-top-wrap .pro-nav ul li{margin-right:10px; }
 }
 
@media (max-width: 768px) {
.pro-top-wrap .pro-nav{ width:80%}
.pro-top-wrap .pro-nav .choose{ width:250px;}
.pro-top-wrap .pro-nav .other{ width:28%}
}

@media (max-width: 580px) {
.pro-top-wrap .pro-nav{ width:100%}
}

@media (max-width: 479px) {

}

@media (max-width: 375px) {
.pro-top-wrap .pro-nav .choose{ width:60%;}
#prod-social-btns{margin-top: 0px;}
}

/*==========Product Learn More==========*/

/*item-wrap .item */
.item-wrap{float: left;border-bottom:solid 1px #c8ddf5 !important;width: 100%;}
.item-wrap li:hover{background-color: #ffffff !important; border-left:solid 1px #c8ddf5 !important;  border-right:solid 1px #c8ddf5 !important; 
border-top:solid 1px #c8ddf5 !important; border-bottom:solid 1px #ffffff !important;cursor: pointer;-webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; -ms-border-top-left-radius: 4px; border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; -ms-border-top-right-radius: 4px; border-top-right-radius: 4px;}
.item-wrap .item1{ background: url(../images/review.png) no-repeat 80px 15px;}
.item-wrap .item2{background: url(../images/screencast.png) no-repeat 80px 15px; }
.item-wrap .item3{background:url(../images/manual.png) no-repeat 80px 15px;}
.item-wrap .item4{background: url(../images/whats-new.png) no-repeat 80px 15px;}

.item-wrap .item1,.item-wrap .item2,.item-wrap .item3,.item-wrap .item4{width:24.7%; float: left;padding-bottom:30px;  padding-top:104px; text-align:center ;font-weight: normal;font-size: 20px;color: #3399ff;  background-color:#f7f7f7; border-bottom:solid 1px #ffffff; border:solid 1px #f7f7f7; border-bottom:none;}
.item-wrap .currItem{background-color: #ffffff !important; border-left:solid 1px #c8ddf5 !important;  border-right:solid 1px #c8ddf5 !important; 
border-top:solid 1px #c8ddf5 !important;  border-bottom:solid 1px #ffffff !important; margin-bottom:-1px !important;  cursor: pointer;-webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; -ms-border-top-left-radius: 4px; border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; -ms-border-top-right-radius: 4px; border-top-right-radius: 4px;}


/*detail-container .item1 */
.detail-container{width: 99.8%;background-color:#FFFFFF;border:solid 1px #c8ddf5 !important;border-right:solid 1px #c8ddf5 !important;
border-top:solid 1px #ffffff !important;border-bottom:solid 1px #c8ddf5 !important;float:left;height: 450px;}
.detail-container .item1{width: 100%;}
.detail-container .item1 h6{font-size:24px;color:#3399ff;text-align:center;margin-top:30px;width: 100%;float: left;}
.comment-frame{float: left;width: 100%;}
.comment{ width:47%;margin:30px 0px 10px 18px;border:solid 1px  #e5e4e4;border-radius: 5px 5px 0 0; float:left;}
.left-photo{margin:10px 0px 0px 10px;float:left;width: 30%}
.right-describe{width:55%;float: right;padding-top: 15px;margin-right: 10px;margin-bottom: 20px;}
.right-descriabe p{}
.big{font-size:30px;}
.source{}
.star{margin-top:12px;float: left;}
.source .name{float: right;margin-top: 7px;color: #666666;padding-right: 10px;}
.add-comment{text-align:center;float: left;margin-top: 25px;width: 100%; }
.total{ margin-bottom:20px}
.total a{color:#3399ff; text-decoration:none;}
.total a:hover{color:#3399ff; text-decoration:underline;}
.word{width:220px;background-color: #f07f10; text-align:center;
color:#FFFFFF;font-size:20px; padding-top:8px;font-weight: bold;border-radius: 3px; padding-bottom:10px; margin-left:370px;clear: both;}
.word a{color:#FFFFFF; text-decoration:none}
.word:hover{background-color: #f78514;}



/*detail-container .item2 */
.screencast-frame{float: left;width:100%; padding-top:40px}
.screencast-frame .soft-ui1{width:100%;text-align:center;}
.screencast-frame .soft-ui2{width:100%;text-align:center;}
.screencast-frame .soft-ui3{width:100%;text-align:center;}

.screencast-choose{width:510px;float:left;padding-left: 450px;margin-top: 10px; }
.screencast-choose .soft-ui1,.soft-ui2,.soft-ui3{width:20px; font-size:24px; font-weight:bold; float:left;color:#333333; text-align:center}
.screencast-choose .soft-ui1:hover,.soft-ui2:hover,.soft-ui3:hover{color:#3399ff;cursor:pointer;font-size:26px;}

/*detail-container .item3 */
.detail-container .item3{width:100%;padding-top:50px; }
.left-video{width:35%;float:left;text-align:center;padding-left: 40px;}
.right-manual{width:45%;float:right;padding-top: 20px;}
.manual{width:100%;float:left;padding-bottom: 50px;}
.manual-pic{float: left;width: 30%;}
.click{float:left;width: 65%;margin-left: 10px;}
.document{padding-left:30px;color:#3399ff;font-size:26px;font-weight: bold;padding-bottom: 7px;
}
.view,.download{float:none;color:#333333;font-size:24px; padding-left:70px}
{float:left;color:#333333;font-size:24px; padding-left:70px}
.view{background:url(../images/view.png) 30px 10px no-repeat;padding-top:10px;}
.download{background:url(../images/download.png) 30px 7px no-repeat;}
.view:hover,.download:hover{color:#3399ff;cursor:pointer;text-decoration:underline;}
.view:hover{background:url(../images/view-hover.png) 30px 7px no-repeat; }
.download:hover{background:url(../images/download-hover.png) 30px 7px no-repeat;}


/*detail-container .item4 */
.detail-container .item4{width: 100%;padding-top: 40px;}
.whatsnew{margin:0 auto; width:80%; overflow-y: scroll; height:380px; padding-top: 20px;}


/*===========Trust us==============*/
.trust{width:22%;float:left;margin-left:20px; height:250px;}
.trust-pic{float:left;text-align:center;width: 100%;}
.reason-title{width: 100%;margin-top:10px;float:left;text-align: center;color:#666666;font-weight: bold;}
.trust p{width: 100%;float:left;margin-top:5px;text-align: center;}

/*===========service==============*/
.service{width:45%;float: left;margin-left: 50px;}
.service-pic{text-align:left; margin-top:0px; margin-bottom: 20px; padding-left: 100px;}


/*===========recommended==============*/
.re-left-pic{width:50%; float:left}
.re-right-text{float:right;width:44%;padding: 40px 3% 47px 3%; background:#3399ff;height:191px; width:422px;}
.re-right-text p{color: #FFFFFF;font-size:18px;margin-top: 10px;}
.re-right-text a{color:#FFFFFF}
.re-right-text a:hover{ text-decoration:none}
.re-right-text h4{color: #FFFFFF;font-size:33px}
.re-right-text h4 a{ text-decoration:none}
.learn-more{float:left;width:50%;margin-top:20px;display: inline-block;background: #3399ff;font-size: 20px;text-align: center;width: 168px;height: 40px;line-height:35px;border-radius: 5px;border: 1px solid #fff;color:#FFFFFF;}
.learn-more:hover{ background-color:#2f8fef;}


@media screen and (max-width: 979px) {
.container{width:80%;margin:0 auto;}
.pic-left img,.pic-right img,.info-item-pic img,.left-photo img{ width:100%}
.re-left-pic, .re-right-text{float: none; width: 435px; }
.re-right-text .learn-more {margin-top: 30px; }
.item-wrap .item1{ background: url(../images/review.png) no-repeat 55px 15px;}
.item-wrap .item2{background: url(../images/screencast.png) no-repeat 55px 15px; }
.item-wrap .item3{background:url(../images/video.png) no-repeat 55px 15px;}
.item-wrap .item4{background:url(../images/guide.png) no-repeat 55px 15px;}
.item-wrap .item1,.item-wrap .item2,.item-wrap .item3,.item-wrap .item4{width:24.6%;}
.info-item{ width:28%}
.comment{ margin-left:14px; border:none }
.detail-container{padding-bottom:70px; height:auto; width:99.7%}
.detail-container .item4 { padding-top:30px}
.word{ margin-left:280px}
.guide{ padding-left:0px; margin-right:70px; width:38%}
.screencast-choose{padding-left:350px}
.re-right-text{ padding-top:25px}
.learn-more{margin-top:10px;}
.trust{width:22.5%;}
.right-describe p{padding-left: 20px; padding-right: 20px;}

.left-video{width:100%;text-align:center;padding-left: 0px; float: none;}
.right-manual{width:400px; margin:0 auto; float:none; padding-top: 30px;}
.info-left,.pic-right,.pic-left,.info-right{float: none;}
.service { margin-left: 0px; padding-top: 10px; padding-bottom: 30px;}
.service .service-pic {padding-left:0px; text-align:center; margin-bottom: 0px;}
.pro-main h4 {font-size: 26px; }
.item2 .screencast-frame p, .item3 .left-video p {margin-inline-start: 20px; margin-inline-end: 20px;}
.item3 .left-video p { text-align: center; }
.manual {padding-bottom: 0px; padding-top: 50px;}

.info-left ul li {text-align: left; }
}

@media (max-width: 768px) {
.container{margin:0 auto; width:460px;}
.pro-main h4,.pro-main p,.info-left,.pic-right,.pic-left,.info-right{width:100%;text-align: center;}
.pro-main h4 {font-size: 20px; }
.detail-container .item1 h6 {font-size: 18px; }
.right-describe p {width: auto; }
.pro-main p {text-align: left; }
.pic-right img,.pic-left img, .pic-bottom img{width:80%; margin-top:20px}
.service,.re-left-pic,.re-right-text,.info-item{width:100%;}
.re-right-text p{padding-left: 20px; }
.info-item{margin-left:0px; margin-bottom:20px}
.trust{width:45%; margin-left:0px; margin-right:10px; height:250px;}
.ml { margin-right: 0px; }
.service-pic img{ width:auto}
.detail-container{ height:auto; width:99.6%}
.item-wrap .item1,.item-wrap .item2,.item-wrap .item3,.item-wrap .item4{ background-image:none; padding-top:5px; padding-bottom:10px; width:24%}
.comment{ width:100%; margin:0px}
.left-photo,.right-describe{width:100%; text-align:center}
.left-photo img,.info-item-pic img{ width:auto}
.right-describe{ margin-right:0px}
.source .star,.source .name{ float:none}
.word{ margin-left:120px}
.re-right-text{ padding-left:0px; padding-right:0px }
.learn-more{ margin-left:30px; width:80%; text-align:center; margin-top:10px}
.screencast-choose{ padding-left:200px; width:100%}
.screencast-frame { padding-top:0px}
.manual-pic{ padding-left:40px}
.click{float:left;width:60%; margin-left:0px;}
.screencast-frame img{width:85%; margin-top:20px;}
.whatsnew p{text-align:left;}
.pro-main .re-title { font-size: 24px;}
}



@media (max-width: 479px) {
.container{ margin: 0 auto; width:308px;}
.detail-container{ width:99.5%}
.item-wrap .item1,.item-wrap .item2,.item-wrap .item3,.item-wrap .item4{ font-size:15px}
.detail-container .item4 { padding-top:0px}
.word{ margin-left:40px}
.re-right-text{ padding-bottom:20px}
.re-right-text p{width: 95%; padding-left:10px; padding-right:10px}
.screencast-choose{ padding-left:120px;}
.left-video img{ width:85%;}
.right-manual{width:90%;}
.click{width:100%;}
.trust{width:100%;}
.trust p{text-align:center;}
} 

.ml{ margin-left:0px; margin-right: 30px;}

.scroll-top-bar{width:100%;position: fixed;top:0;display: none}
.scroll-top-bar .stb-wrapper{position: relative;border-bottom: 2px solid #cbcbcb;}
.scroll-top-bar .stb-background{position: absolute;top: 0;left: 0;z-index: 10;background: #fff;opacity: 0.91; filter:alpha(opacity=91);-moz-opacity:0.91;-khtml-opacity: 0.91; height: 100%;width: 100%;}
.scroll-top-bar .stb-content{position:relative;z-index: 20;padding: 5px 0;}
.scroll-top-bar .stb-logo{float: left;}
.scroll-top-bar .stb-buy-btn{float: right;padding-top: 8px;}
.scroll-top-bar .blueBtn-b,.scroll-top-bar .orangeBtn-b {
    line-height: 1;
    display: inline-block;
    width: 168px;
    margin-right: 0;
    margin-left: 10px;
    font-size: 14px;
    padding-bottom: 3px;
    margin-bottom: 0;
}
.scroll-top-bar .blueBtn-b .pic,.scroll-top-bar .orangeBtn-b .pic {
    float: left;
    padding-top: 13px;
    width: 45px;
    height: 28px;
    margin-right: 14px;
}
.scroll-top-bar .trailPic {
    background:no-repeat 12px center;
}
.scroll-top-bar .buyPic {
    background:no-repeat 10px center;
}
.scroll-top-bar .blueBtn-b .name,.scroll-top-bar .orangeBtn-b .name {
    font-size: 18px;
    padding: 5px 0 0 0;
    display: block;
    margin-bottom: 0px;
    color: #fff;
}
.scroll-top-bar .more-platform{display: none;}

.clearfix{*zoom: 1}
.clearfix:before,.clearfix:after{display: table;line-height: 0; content: ""}
.clearfix:after{clear: both}

.product-btn{position: relative;}
.more-platform{
    display: block;
    cursor: pointer;
    text-align: center;
    line-height: 28px;
    height: 28px;
    color: #fff;
    width: 100px;
    border: 1px solid #1898f1;
    border-radius: 20px;
    position: absolute;
    top: 0;
    background-color:#1898f1;
    right: -112px;
}
.more-platform:hover{background-color:#3ca7f1;color:#fff;border:1px solid #3ca7f1;text-decoration: none;}

/*System Tabs*/
.blueBtn-b,.orangeBtn-b{ display:inline-block; width:220px; background:#7bbb26; border-radius:5px; margin-right:10px; margin-bottom:10px; padding-bottom:5px; color:#FFFFFF}
.blueBtn-b .pic,.orangeBtn-b .pic{float:left;padding-top:16px;width:56px;height:40px;border-right:1px solid #75b027;margin-right:18px;}
.blueBtn-b .name,.orangeBtn-b .name{font-size:28px;padding:5px 0 0;display:block;margin-bottom:0px;color: #fff;line-height: 1}
.orangeBtn-b{ background:#f6772c;}
.orangeBtn-b .pic{ border-right:1px solid #e06f0b;}
.button-btn-buy{margin-top: 33px;}
.button-btn-buy .orangeBtn-b-win{width:260px;}
.blueBtn-b:hover{ text-decoration:none; background:#81c22b; color:#FFFFFF}
.orangeBtn-b:hover{ text-decoration:none; background:#fb7d32;color:#FFFFFF}
.win-btn p{color:#FFFFFF}
.mac-btn p{color:#FFFFFF}
#product-btn p.name{line-height: 25px !important;}
.winPic{ background:url(../images/home-icons.png)no-repeat 12px -42px;}
.macPic{ background:url(../images/home-icons.png)no-repeat -54px -43px;}
.trailPic{ background:url(../images/trail_btn.png)no-repeat 14px center;}
.buyPic{ background:url(../images/buy_btn.png)no-repeat 12px center;}

@media (max-width: 768px) {
.blueBtn-b{display:none}
}