@charset "utf-8";
/* CSS Document */

/* ----------------------- */

.subBannerWrap{
width:100%;
height:460px;
position:relative; 
}
.subBannerWrap .bannerImgWrap{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
overflow:hidden;
}

.subBannerWrap .bannerImg{

width:100%;
min-width:1440px;
z-index:1;
}
.subBannerWrap .container960{
height:100%;
position:relative;
z-index:3;
}

.subBannerWrap .redCont{
width:720px;
color:#fff;
position:absolute;
bottom:50px;
font-size:16px;
}

.subBannerWrap .redCont .redContInner{
margin:25px 60px 35px 60px;
}

html.rgba .subBannerWrap .redCont{
background:rgba(222,50,50,0.8);
}
html.no-rgba .subBannerWrap .redCont{
background:url(../images/redBg8.png) left top repeat;
}



.refineWrap{

}

.refineWrap h4{
font-weight:500;
font-size:18px;
margin-bottom:10px;
}


.refineWrap .standard-dropdown{
float:left;
margin:0 12px 10px 0;
}

.refineWrap .searchWrap{
    float:left;
    width:190px;
    background-color:#fff;
    margin:0 0 10px 0;
    position:relative;
}

.refineWrap .form-type-textfield{
    width:190px;
    background-color:#fff;
    margin:0 0 10px 0;
    position:relative;
}

.refineWrap .searchWrap input,
.refineWrap .form-type-textfield input{
float:left;
width:140px;
padding:0;
margin:0 0 0 10px;
}

.refineWrap .searchWrap .btnSearch,
.refineWrap .form-type-textfield .btnSearch{
width:32px;
height:32px;
background:#fff url(../images/iconSearch.png) center center no-repeat;
float:right;
position:absolute;
right:0;
top:0;
}

.subBanner960Wrap{
height:350px;
margin:0 0 50px 0;
}
.subBanner960Wrap h4{
text-transform:uppercase;
}

.subBanner960Wrap .redCont{
width:580px;

bottom:40px;
font-size:14px;
}

/* breadcrumb */

.breadcrumb{
font-size:12px;
margin:0 0 10px 0;
}

.breadcrumb a,
.breadcrumb span{
display:inline-block;
margin:0 8px;

-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;

}


.breadcrumb a:hover{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}


.breadcrumb a:first-child{
margin-left:0;
}
.greyBg{
background-color:#3a3a3a;

}
.rightSide300 .greyBg{
padding:20px 30px;
margin:0 0 20px 0;
}

.rightSide300 .greyBg h6{
color:#e14646;
margin:0 0 0 0;
}


.greyBg ul{
padding:0 0 0 20px;
margin:10px 0;
}

.redBorder{
border:1px red solid;
padding:20px 30px;
color:#e14646;
margin:0 0 20px 0;
}

.redBorder .font32{
padding:0 0 10px 0;
display:block;
font-weight:bold;
}





/* vertical img */


.vtlImg{
text-align:center;
overflow:hidden;
}

.vtlImg span{
width:0px;
overflow:hidden;
}

.vtlImg img{
vertical-align:middle;
margin:0 0 0 -4px;
}



.redCoverWrap{
position:relative; 
}


.redCover{
height:100%;
width:80%;
padding:0 10%;
display:block;
position:absolute;
z-index:2;
left:0;
top:0;
cursor:pointer;
text-align:left;


filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;

-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4;
}

.redCoverWrap:hover .redCover{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}

html.rgba .redCover{
background-color:rgba(140,0,0,0.7); 
}

html.no-rgba .redCover{
background:url(../images/redDarkBg7.png) left top repeat;
}





.dateWrap{
width:260px;
margin:auto;
text-align:center;
}
.dateWrap .deadLine{
font-size:20px;
background:url(../images/iconCalendar.png) left center no-repeat;
padding:4px 0 4px 40px;

display:inline-block;
}


.dateWrap .borederBox{
border:1px #f0a3a3 solid;
margin:10px auto 0 auto;
font-size:16px;
width:200px;
padding:8px 0;
}



/* tabbingWrap */

.tabbingWrap .headerWrap span{
cursor:pointer;
padding:0 5px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}

.tabbingWrap .headerWrap span:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.tabbingWrap .contWrap .tabbingCont{
display:none;
}



.tabbingWrap .tabbingSide{
margin:0 -10px;
}

.tabbingSide .headerWrap{
font-size:18px;
}

.tabbingSide .headerWrap span.active{
color:#e14646;
}

.tabbingSide .contWrap, ul.arrow{
font-size:12px;
}
.tabbingSide .contWrap .tabbingCont ul, ul.arrow{
list-style-image:url(../images/triGrey.png);
}


.tabbingSide .contWrap .tabbingCont ul li, ul.arrow li{
margin:8px 0 0 0;
padding:0 0 0 5px;
}

.tabbingCont ul li a, ul.arrow a{
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}

.tabbingCont ul li a:hover, ul.arrow a:hover{
color:#e14646;
}




.videoWrap{
position:relative;
display:block;
}

.videoWrap .arrowPlay{
position:absolute;
left:50%;
top:50%;
z-index:3;
margin:-40px 0 0 -40px;

width:80px;
height:80px;

}

html.borderradius .videoWrap .arrowPlay{
background:rgba(222,50,50,0.8) url(../images/btnPlay.png) center center no-repeat;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;

-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
html.no-borderradius .videoWrap .arrowPlay{
background:url(../images/btnPlayBg.png) left top no-repeat;

}

.videoWrap:hover .arrowPlay{
background:rgba(222,50,50,1) url(../images/btnPlay.png) center center no-repeat!important;
}



.videoWrap .intro{
position:absolute;
left:0;
top:0;
font-size:18px;
color:#e14646;
background:url(../images/blackBg8.png) left top repeat;
padding:20px 0;
font-weight:bold;
display:block;
width:100%;
text-indent:40px;
}
.video960{
margin:20px 0 0 0;
}

/* drupal videojs */

.video960 .video-js{
    width: auto!important;
    max-width: 100%;
    height: auto!important;
}

.video960 .video-js video{
    position: relative!important;
    height: inherit!important;
}

.video960 .video-js object{
    position: relative!important;
    height: inherit!important;
    min-height: 300px;
}

.video660{
    margin:0;
    float: right;
}

.video660 .video-js{
    width: auto!important;
    max-width: 660px;
    min-width: 660px;
    height: auto!important;
    max-height: 350px;
}

.video660 .video-js video{
    position: relative!important;
    height: inherit!important;
    max-height: 350px;
}

.video660 .video-js object{
    position: relative!important;
    height: inherit!important;
    min-height: 350px;
    /*max-height: 350px;*/
}

.video-js .vjs-big-play-button{
    top: 50%;
    left: 50%;
    margin:-4em 0 0 -6em;
    background:url(../images/btnPlayBg.png) left top no-repeat;
    border: none;
    box-shadow: none;
}
.video-js:hover .vjs-big-play-button{
    background:rgba(222,50,50,1) url(../images/btnPlay.png) center center no-repeat!important;
}
/* end drupal videojs */




.widgetRed{
width:490px;
min-height:150px;
padding:0 30px;
background-color:#e14646;
float:left;
margin:0 20px 0 0;

}

.widgetRed .header{
font-weight:bold;
text-transform:uppercase;
margin:10px 0 0 0;
padding:10px 30px 10px 0;
background:url(../images/arrowWhiteS.png) right center no-repeat;
float:left;
}


.widgetRed .redLine{
margin:0 0 15px 0;
}


.widgetContactL {
margin: 0;
min-height: 150px;
float:none;
width: auto;
padding-bottom:30px!important;
}
.widgetContact .contactRow{
padding:0 0 0 40px;
}

.widgetContact .contactRow.contactIconTel{
background:url(../images/iconTelS.png) left 6px no-repeat;
}

.widgetContact .contactRow.contactIconEmail{
background:url(../images/iconEmailS.png) left 6px no-repeat;
}

.widgetContactSmall{
width:270px;
padding:0 20px;
}

.widgetContactSmall .contactRow{
font-size:12px!important;
}

.widgetRed.followWeibo{
width:270px;
padding:0 20px;

}

.widgetRed.followWeibo .header{
background:none;
}

.widgetRed.followWeibo .left{
width:140px;
margin:10px 0 0 0;
font-size:12px;
}

.widgetRed.followWeibo .right{
text-align:right;
margin:10px 0 0 0;
font-size:12px;
}



.widgetRed.followWeibo .right a{
line-height:30px;
border-left:1px #ed9292 solid;
display:inline-block;
margin:10px 0 0 0;
padding:0 10px;
}



.widgeFollow{
width:470px;
height:130px;
line-height:130px;
border:1px #f45656 solid;
text-align:center;

font-size:20px;
color:#f45656;
}
.widgeFollow  span, .widgeFollow  a{
display:inline-block;
margin:0 10px;
}


.widgeFollow img{
vertical-align:middle;
}

.widgeFollowSmall{
height:100px;
line-height:100px;
}

.contactBox{
 float:left;
 width:50%;
 margin:0 0 20px 0;
}

.contactBox h6{
 margin:0 0 10px 0;
}








.subscribeBox{
float:right;
width:388px;
border:1px #e14646 solid;
height:150px;
position:relative;
}

.subscribeBox .header{
font-size:22px;
height:90px;
line-height:90px;
color:#e14646;
text-indent:30px;
}


.subscribeBox .inputWrap{
position:absolute;
left:0;
bottom:0;
border-top:1px #e14646 solid;
height:60px;
width:100%;
}
.subscribeBox .inputWrap input{
line-height:60px;
height:60px;
width:100%;
background-color:#513232;
font-size:16px;
color:#fff;
font-style:italic;
position:absolute;
left:0;
right:0;
text-indent:30px;
padding:0;
}

.subscribeBox .inputWrap .btnRed{
width:60px;
line-height:60px;
height:60px;
text-align:center;
font-size:20px;
font-weight:bold;
position:absolute;
top:0;
right:0;
}


.subscribeBox.subscribeBoxSmall{
width:295px;
}

.subscribeBox.subscribeBoxSmallThin{
width:295px;
height:100px;
}
.subscribeBox.subscribeBoxSmall .header{
font-size:18px;
}

.subscribeBox.subscribeBoxSmallThin .header{
line-height:50px;
height:50px;
font-size:18px;
}

.subscribeBox.subscribeBoxSmallThin .inputWrap{
height:50px;
}

.subscribeBox.subscribeBoxSmallThin .inputWrap input{
line-height:50px;
height:50px;
}

.subscribeBox.subscribeBoxSmallThin .inputWrap .btnRed{
line-height:50px;
height:50px;
width:50px;
font-size:16px;
}





.subscribeBox.subscribeBoxBig{
width:470px;
height:130px;
}



.subscribeBox.subscribeBoxBig .header{
line-height:70px;
height:70px;
}

.subscribeBox.subscribeBoxHome{
width:302px;
height:88px;
}



.subscribeBox.subscribeBoxHome .header{
line-height:45px;
height:45px;
font-size:18px;
}

.subscribeBox.subscribeBoxHome .inputWrap{
height:45px;
}

.subscribeBox.subscribeBoxHome .inputWrap input{
line-height:45px;
height:45px;
}

.subscribeBox.subscribeBoxHome .inputWrap .btnRed{
line-height:45px;
height:45px;
width:45px;
font-size:16px;
}





.contactBorderBox{
width:470px;
line-height:100px;
height:100px;
border:1px #e14646 solid;
font-size:20px;
color:#e14646;
text-indent:20px;
position:relative;
}

.contactBorderBox .btnRed{
line-height:100px;
height:100px;
width:30%;

max-width:180px;
display:block;
position:absolute;
top:0;
right:0;
 background:#e14646 url(../images/arrowContact.png) center center no-repeat;

}


.twitter300{
width:100%;
margin:20px 0;

}

.twitter300Inner{
width:300px;
margin:auto;
}

.select {
position: absolute;
width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background:#fff url(../images/selectArrow.png) right center no-repeat;
overflow: hidden;
}

/*drupal tab*/
ul.tabs.primary{
    list-style: none;
    margin: 0;
    background-color: lightslategray;
    text-align: center;
}
ul.tabs.primary li{
    display: inline;
    padding: 2px 5px;
}
ul.tabs.primary li:hover{
    background-color: black;
}

/* dupal weight interface*/

.view-weight{
    text-align: center;
}
.view-weight .views-exposed-form .views-exposed-widget{
    float: none;
    margin: auto;
    text-align: center;
}
.view-weight .views-exposed-form .form-item{
    margin: auto;
    text-align: center;
}
.view-weight a{
   color: #000000;
}
.view-weight table{
    margin: auto;
}

/* drupal language switcher */
.language-switcher-locale-url{
    background-color: lightslategray;
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
}
.language-switcher-locale-url li{
    display: inline-block;
    margin: 0 4px;
}
.language-switcher-locale-url li:hover{
    background-color: black;
}
/* drupal language switcher bottom */
#wrapBtm .language-switcher-locale-url{
    margin: 10px 0;
    padding: 0;
    text-align: left;
    list-style: none;
    display: block;
    background-color: inherit;
}
#wrapBtm .language-switcher-locale-url li{
    display: inline-block;
    margin: 0 4px;
    font-weight: normal;
}
#wrapBtm .language-switcher-locale-url li:hover,
#wrapBtm .language-switcher-locale-url li.active{
    font-weight: bold;
    background-color: inherit;
}
/*drupal comments*/

.comment-form{
    width:960px;
    margin:auto;
}
.comment-form div{
    width:600px;
    float: left;
}

#comments .comment{
    margin-bottom: 10px;
}
#comments .comment-unpublished{
    background-color: lightslategray;
}

.comment ul.links{
    list-style: none;
    margin: 10px 0;
    padding: 0;
}
.comment ul.links li{
    display: inline;
    /*padding: 2px 5px;*/
    margin: 0 10px 0 0;
    padding: 0;
}
.comment .new{
    background-color: indianred;
}