*{font-family: Helvetica, Arial, "STHeiti", "华文黑体", "Microsoft Yahei", "微软雅黑", sans-serif}
.news_article_list { position: relative;}
.tag{height: 170px; margin-top: 50px;}
.tag h1{margin-top: 35px; margin-bottom: 15px; text-align: center; cursor: pointer; color: #000;}
.tag h1 a{color:#707070}
.tag h1 a:hover{color:#000}
.nav_box{position: absolute; width: 802px; height: 45px; margin-top: 35px;}
.search {
    right: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: #000;
    position: absolute;
}
.search img{
	position: absolute;
	width: 33px;
	top: 3px;
	left: 3px;
}
.search img:hover{-webkit-transition-property: opacity; -webkit-transition-duration: 0.5s; opacity: .5}
.download_nav,.search_input{position: absolute; left: 0; top: 0}
.search_input{width:100%;height:42px; font-size:2em;color:#fff;background:#333; display: none}
.search_input input{width: 80%;height: 42px; line-height: 42px; color: #fff; padding:0 50px;position: absolute;top: 0;}
.search_input .close_input {
    position: absolute;
    width: 32px;
    right: 7px;
    top: 5px;
    cursor: pointer;
    opacity: .8;
}

.search_input .search_icon {
    position: absolute;
    width: 32px;
    left: 7px;
    top: 5px;
    opacity: .8;

}



#pNavigation .btn_testDrive { position: absolute; top: 0; right: 0; width: 145px; height: 45px; background: #cc3300 url('../images/products/btn_test_drive_145x45.png') center center no-repeat; background-image: -webkit-linear-gradient(transparent, transparent), url('../images/svg/btn_test_drive.svg'); /* Safari 5.1 to 6.0 */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/svg/btn_test_drive.svg'); /* FF 3.6 to 15 */ background-image: linear-gradient(transparent, transparent), url('../images/svg/btn_test_drive.svg'); background-size: 145px auto; }





.download_nav li{float: left; border: 1px solid #000; background: #fff; color: #000; cursor: pointer; min-width: 50px; height: 40px; text-align: center; line-height: 40px; padding:0px 8px; margin-right: 5px;}
.download_nav li.act,.download_nav li:hover{background: #000; color: #fff}
.partition {
    width: 45px;
    height: 1px;
    background-color: #ccc;
    margin: 10px auto 50px;
}

#download_box{ width:1015px; margin:auto; margin-bottom: 50px;}

#download_box #waterfall{ *overflow:hidden; _height:1%;}

#download_box #waterfall li{float: left; width: 193px; background: #fff; border: 1px solid #898989; margin:6px 0; }
#download_box #waterfall li .img_block img{ width:193px; display:block; cursor: pointer;}
#download_box #waterfall li img.hover{ filter: Alpha(opacity=90); -moz-opacity:.9; opacity:0.9;}
#download_box #waterfall li .title,#download_box #waterfall li .desc{ padding:0 10px 0 10px; font-weight:normal; font-size:12px; line-height:16px;  margin-bottom: 0px;}
#download_box #waterfall li .title{ margin-top: 5px;}
#download_box #waterfall li .desc{display:block; margin-bottom: 60px;}
#download_box #waterfall li .down{float: right; margin:0px 5px 8px 0; height: 25px; cursor: pointer;  color: #000 }
#download_box #waterfall li .down img{width: 25px }
#download_box #waterfall li .down p{float: right;line-height: 25px;}


#download_box #waterfall li .down:hover{}
.video_icon{position: absolute; z-index: 1; left: 10px; top: 10px; width: 40px;}
.img_block,.video_block{ position:relative; cursor: pointer;}

.zoom,.ilike{ position:absolute; line-height:25px; padding:0 0 2px 18px; text-align:center; top:14px; display:block; text-decoration:none; background:url(../images/pic_ilike.png) no-repeat -200px 0;}
.zoom{ left:14px; width:42px; background-position:0 -71px;}
.zoom:hover{ background-position:0 -99px;}

.loading{ text-align:center; padding:30px 0;}



.media_download{z-index:2;position: fixed; top:0;left:0;width: 100%; height: 100%;}
.media_download .btnClose {
    width: 49px;
    height: 49px;
    background: url(../images/media/close.png) no-repeat center center;
    position: absolute;
    right: 10px;
    top: 10px;
}

.media_download .content{

}
.media_download .container {
    width: 100%;
    height: 100%;
    background: black;
    margin-bottom: 20px;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.media_download .pic{
  display:block;
  margin:0 auto;
}


.media_download p{display:block;font-size: 18px;line-height:32px;color:#fff;float:right;}
.video-js { position: absolute; width: 680px; height: 385px; left: 50%; top: 50%; margin-top: -192px; margin-left: -340px; }


.video-js-box p{display:block; top: 50%; margin-top: 385px; font-size: 18px;line-height:32px;color:#fff;}
.video-js-box .icon{margin-left:30px;float:right;width:60px;height:16px;background: url(../images/download/d_icon.png) no-repeat 0 0; margin-top: -25px;}
.video-js-box .icon_e{margin-left:30px;float:right;width:97px;height:16px;background: url(../images/download/d_icon_e.png) no-repeat 0 0; margin-top: -25px;}
.media_download .icon{margin-left:30px;float:right;width:73px;height:24px;background: url(../images/media/d_icon.png) no-repeat 0 0}
.media_download_en .icon{margin-left:30px;float:right;width:130px;height:24px;background: url(../images/media/d_icon_en.png) no-repeat 0 0}

.media-video-js{ position: fixed; top:50%;
    left:50%;
    margin-left: 266px;
    margin-top: 196px;display: none; }

.media-video-js{
  z-index: 10;
}
.media-video-js_en { position: fixed; top:50%;
    left:50%;
    margin-left: 213px;
    margin-top: 196px;display: none; }
.media_grid_wrap ul.pagination { margin-top: 100px;clear:left;}
.media_grid_wrap ul.pagination li { display: inline-block; width: 32px; height: 32px; margin-right: 10px; }
.media_grid_wrap ul.pagination li a { display: block; width: 30px; height: 30px; line-height: 30px; color: #000; border: 1px solid #ccc; text-align: center; cursor: default; }
.media_grid_wrap ul.pagination li a.current, .media_grid_wrap .pagination li a:hover { background: #000; color: #fff; border: 1px solid #000; }

.bbbblack{width:100%;height:100%;background-color:#000;opacity:0.9;position:absolute;z-index: -1;filter:alpha(opacity=90);}









.media_download .btnClose{width:22px;height:22px;background:url(../images/svg/ico_close_wt.svg) no-repeat center center; background:url(../images/download/close.png) no-repeat center center;position:absolute;right:10px;top:10px; opacity: 1}
.media_download p{display:block;font-size: 14px;line-height:20px;color:#fff;float:none;}
.media_download .icon{margin-left:30px;float:right;width:100px;height:16px;background: none; color: #fff}
.media_download .icon img{width: 25px;}
.media_download .icon span{position: absolute;line-height:25px}
.media_download .icon_e{margin-left:30px;float:right;width:97px;height:16px;background: url(../images/download/d_icon_e.png) no-repeat 0 0}
.next_img{position:fixed;top:50%;width:56px;height:97px;margin-top:-18px;cursor:pointer;z-index:8040;background-image:url(../images/download/next.png); right:50px;opacity: .2}
.prev_img{position:fixed;top:50%;width:56px;height:97px;margin-top:-18px;cursor:pointer;z-index:8040;background-image:url(../images/download/prev.png); left:50px; opacity: .2}
.search_input .close_input:hover,.next_img:hover,.prev_img:hover{ opacity: 1; Alpha(opacity=100); -webkit-transition-property: opacity;-webkit-transition-duration: 0.5s;}
#download_box #waterfall li .down:hover,.icon_e:hover,.icon:hover,.media_download .btnClose:hover{ opacity: .7; Alpha(opacity=100); -webkit-transition-property: opacity;-webkit-transition-duration: 0.5s;}