﻿/*mainContent*/
#mainContent {
    max-height:423px;
}
#mainContent h2{
    font-weight:normal;
    font-size:16px;
    border-bottom: 3px solid #c6cacc;
    padding-bottom:15px;
}
#mainContent ul{
    list-style-type:none;
    padding:0;
    margin:0;
    
}
#mainContent ul li{
    border-top: 1px solid #e0e0e0;
    padding-bottom:9px;
}

#mainContent ul li:first-child {
    border-top:0;
}    
/*#mainContent .prodBoxSmall {
    max-height: 80px;
    max-width: 80px;
    margin-right: 15px;
}*/
/*mainContentcase*/

#mainContentcase .mainProdList li:first-child .prodInfo {
    width: 200px;
/*    margin-left: 15px;*/
}
#mainContentcase ul{
   background: url(../images/logobg.jpg) no-repeat center right;
}


#mainContentcase .mainProdList .prodTitle {

}


#mainContentcase .mainProdList .prodDescription {
    margin: 5px 0;
    max-height: 80px;
	line-height:150%;
    overflow: hidden;
}

#mainContentcase .mainProdList > li {
    overflow: hidden
}
#mainContentcase .mainProdList > li:first-child {
    height: 33px;
line-height: 42px
}
#mainContentcase .mainProdList > li {
    height: 33px;
    
    width: 180px;
}
#mainContentcase .mainProdList > li a{
padding-left:10px;
height:42px;
    font-size: 12px;

    color: #333;
line-height: 42px
}
#mainContentcase .mainProdList > li a:hover{
color:#094;
display:block;
height:42;

}
#mainContentcase .prodBoxSmall {
    max-height: 80px;
    max-width: 80px;
    margin-right: 15px;
}
/*mainContentcase  end*/

/*mainContentBusiness*/

#mainContentBusiness .mainProdList{width:400px;border-bottom: 1px solid #e0e0e0;}
#mainContentBusiness .mainProdList li:first-child .prodInfo {
    width: 250px;
/*    margin-left: 15px;*/
}
#mainContentBusiness .mainProdList .prodTitle {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    line-height: 16px;
    text-decoration: none;
    max-height: 16px;
    overflow: hidden;
    display: block
}
#mainContentBusiness .mainProdList li:first-child .prodTitle {
    max-height: 41px;
    font-size: 12px;
    line-height: 18px
}
#mainContentBusiness .mainProdList li:first-child .prodDescription {
    max-height: 100px;
	line-height:200%;
}
#mainContentBusiness .mainProdList .prodDescription {
    margin: 5px 0;
    max-height: 70px;
	line-height:150%;
    overflow: hidden;
}

#mainContentBusiness .mainProdList > li {
    overflow: hidden
}
#mainContentBusiness .mainProdList > li:first-child {
    height: 132px;
}
#mainContentBusiness .mainProdList > li {
    height: 58px;
    padding-top: 13px;
}
#mainContentBusiness .prodBoxSmall {
    max-height: 128px;
    max-width: 133px;
    margin-right: 15px;
	border:1px #e0e0e0 solid;
}
#mainContentBusiness .businesslist{margin-top:18px;}
#mainContentBusiness .businesslist li{height:25px; line-height:25px; border-top:none; background:url(../images/dott.gif) no-repeat 0px 11px; padding-left:15px;}
#mainContentBusiness .businesslist li span{color:#999;}
/*mainContentBusiness  end*/

/*mainContentProducts*/

#mainContentProducts .mainProductslist{}
#mainContentProducts .mainProductslist li{height:29px; line-height:29px; padding-bottom:0; border-bottom:1px #e0e0e0 solid; border-top:none; background:url(../images/dott.gif) no-repeat 0px 13px; padding-left:15px;}
#mainContentProducts .mainProductslist li a{font-family:"微软雅黑"; color:#333;}
#mainContentProducts .mainProductslist li a:hover{color:#009944}
#mainContentProducts .cobg{margin-top:7px; margin-bottom:7px; margin-left:15px;}
#mainContentProducts .cobg li{width:161px; height:200px;  border-top:#dedede 1px solid;}
#mainContentProducts .cobg li img{width:155px; height:197px; border:#dedede 1px solid; padding:5px;}
/*mainContentProducts  end*/

.label {
    color:#7ebd2a;
    margin-left: 5px;
}
#mainContent .bazaarVoice {
    font-size: 11px;
    color: #959a9c;
    font-weight: bold;
    line-height: 18px
}
#mainContent .bazaarVoice span {
    background: url('../images/ratings.png');
    height: 17px;
    width:66px;   
    display: block;
    float: left;
    margin-right: 4px;
}
#mainContent h2 {
    margin:0
}
#mainContent h2 a {
    text-decoration: none; 
    color:#333;
    height:25px; 
    padding-left:30px;
    font-size:16px;
}

#mainContent h2 a:hover,
#mainContent .viewMore a:hover {
    color: #333;
}
#mainContent .viewMore a, #mainContent .viewMore {
    background:#edf1f2; 
    font-size: 12px;
    color: #535353; 
    display: block;
    line-height: 33px;
    text-decoration: none;
    padding-left: 10px;
}
#mainContent .viewMore {
    background:#edf1f2;
    height: 33px;
}

#mainContentNews  {
    max-height: 423px;
	overflow: hidden;
}

#mainContentNews > ul > li {
    height: 74px;
}
#mainContentNews .twoImgOneDiv .mainContentNewsFeed  {
    padding-bottom: 5px;
}
#mainContentNews .twoImgOneDiv li {
    margin-top: 4px;
}
#mainContentNews .mainContentNewsFeed {
    overflow: hidden;
    padding-bottom: 4px;
}
#mainContentNews .mainContentNewsFeedLeft {
    width:48px; float:left;
    text-align: center;
}
#mainContentNews .mainContentNewsFeedRight {
    float:left;
    width: 242px;
    margin-left: 10px;
}
#mainContentNews .mainContentNewsFeedRight a {
    color:#333; 
    text-decoration: none;
}

#mainContentNews .mainContentNewsFeedLeft a.RSSimage{
	background: url("../images/main_sprite.png") 0 -1203px no-repeat;
	display: block;
	height: 40px;
}

#mainContentNews .mainContentNewsFeedRight .tweetCopy {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 3px;
    color:#333;
    max-height: 48px;
    overflow: hidden;
}
#mainContentNews .mainContentNewsFeedRight p {
    color:#666;
    margin:0;
}
#mainContentNews li {
    overflow: hidden;
}
#mainContentNews .mainContentNewsFeed .mainContentNewsFeedTweetsList li {
    background: #fff;
    height: 87px;overflow: hidden;
    padding: 0;
    margin: 0;
}
#mainContentNews > div > ul > li:first-child {
    margin-top: 15px;
    padding-top:0;
}
#mainContent #mainContentNews .viewMoreShare {
    float: right;
    margin-top: -35px;
    padding: 2px 0 2px 4px;
    background: #FFF;
}
#mainContent #mainContentNews .viewMoreShare li {
    float: left;
    width: 30px;
    margin-top: 0; 
    padding: 0 4px;
}
#mainContentNews .oneImgTwoDiv li {
    height: 64px;
    padding: 12px 0;
    border-bottom: 1px solid #E0E0E0;
}
#mainContent #mainContentNews .fourDiv li {
    padding: 10px 0;
    height: 64px;
    border-bottom: 1px solid #E0E0E0;
}
#mainContentNews .fourDiv .viewMore {
    margin-top: -1px;
}
#mainContentNews .oneImgTwoDiv li:first-child {
    height: auto; 
    border-bottom:0;
    padding-bottom: 5px;
}
#mainContentNews .twoImgOneDiv .tweetCopy {
    max-height: 66px;
}
#mainContentNews .mainContentNewsFeedLeft a img {
    max-width: 48px; 
    max-height: 48px;
}
#mainContentNews .twoImgOneDiv .mainContentNewsFeedLeft a img {
    max-width: 60px; 
    max-height: 60px;
}
#mainContentNews .twoImgOneDiv .mainContentNewsFeedLeft {
    width:60px; 
}
#mainContentNews .twoImgOneDiv .mainContentNewsFeedRight {
    width: 230px;
}
#mainContent #mainContentNews .viewMoreShare li a {
    width: 32px; 
    height: 32px; 
    display: block;  
    background: url('../images/homepage_sprite.png') 0 0 no-repeat;
}
#mainContent #mainContentNews .viewMoreShare li.viewMoreShareTwitter a {
    background-position: 0 -185px;
}
#mainContent #mainContentNews .viewMoreShare li.viewMoreShareFacebook a {
    background-position: 0 -217px;
}
#mainContent #mainContentNews .viewMoreShare li.viewMoreShareYoutube a {
    background-position: 0 -249px;
}
#mainContent #mainContentNews .viewMoreShare li.viewMoreShareGoogle a {
    background-position: 0 -281px;
}
#mainContentNews .fourDiv li:first-child {
    margin-top: 8px;
}
#mainContentNews .mainContentNewsFeedPagination {
    z-index:1;
    margin: -22px 0 0 9px;
    overflow: hidden;
    position: absolute;
}
#mainContentNews .mainContentNewsFeedPagination li {
    padding: 0;
    margin: 0;
    cursor:pointer;
    float: left;
    width: auto;
    font-size: 39px;
    color: #C6CACC;
    line-height: 21px
}
#mainContentNews .mainContentNewsFeedPagination li.selected {
    color: #959a9c;
}
#mainContent {
    overflow: hidden;
    margin: 18px auto 38px;
}
.mainContentNewsFeedTweetsList {
    height: 87px; 
    overflow: hidden
}
#mainContent h2 a:hover, #mainContent .viewMore a:hover {
    color: #333;
}
#mainContent .viewMore a {
    background:#edf1f2; 
    font-size: 12px;
    color: #535353; 
    display: block;
    line-height: 33px;
    text-decoration: none;
    padding-left: 10px;
}
#mainContent .viewMore {
    background:#edf1f2;
    height: 33px;

}
#mainContentNews h2 {cursor: default;}
/*mainPromoBottom*/
#mainPromoBottom {
    background:#c6cacc;
}
#mainPromoBottom .list_carousel {
    overflow: hidden;
    clear: both;
    padding-bottom: 5px;
    position:relative;
    height:141px;
}
#mainPromoBottom .list_carousel ul#bottom-slider {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    height: 114px;
    overflow: hidden
}
#mainPromoBottom .list_carousel ul#bottom-slider > li {
    padding: 12px 0;
    height: 90px;
    background-color: #009944;
}


#mainPromoBottom .container_12{
    position:relative;
    height:146px;
    padding-top:32px;
}
#mainPromoBottom .page-btn {   
    top:11px;
    right:12px;
    position:absolute;
}
#mainPromoBottom .page-btn > div {
    float: left;
    width: 10px;
    height: 10px;
    background-color: #d5d5d5;
    border-radius: 8px;
    margin: 0 4px;
    cursor: pointer;
}
#mainPromoBottom .nav-btn {
    cursor: pointer;
    font-size: 20px;
    margin-top:7px;
}
#mainPromoBottom .page-btn > div.selected {
    background-color: #006d55;
}
#mainPromoBottom #bottom-slider li .slider-thb {
    margin: 0 12px;
	float:left;
}
#mainPromoBottom .slider-thb img {
    max-width: 90px; 
    max-height: 90px; 
    padding-right:0px;
}
#mainPromoBottom .slider-desc {
    max-width: 180px;
	float:left;
}
#mainPromoBottom #bottom-slider p {
    margin: 0; 
    font-size: 12px;
    line-height: 20px;
    color:#ffffff;
}
#mainPromoBottom #bottom-slider p a {
    padding-top: 6px;
	color:#ffffff;
	text-decoration:underline;
}

#mainPromoBottom .disabled {
    display: none !important
}
#mainPromoBottom #bottom-slider .slider-heading {
    font-size: 14px;
    margin-bottom:5px;
    font-weight: bold;
    color: #ffffff;
    font-family:"微软雅黑";
    line-height: 16px;
}
#mainPromoBottom #bottom-slider .slider-heading a {
    color:#ffffff;
}

/*mainSocialBottom*/
#mainSocialBottom {
    background: #6c7073; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjNzA3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjU2NWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #6c7073 0%, #52565a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c7073), color-stop(100%,#52565a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6c7073 0%,#52565a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6c7073 0%,#52565a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6c7073 0%,#52565a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6c7073 0%,#52565a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c7073', endColorstr='#52565a',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow: 0px 1px 0 rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    0px 1px 0 rgba(50, 50, 50, 0.55);
    box-shadow:         0px 1px 0 rgba(50, 50, 50, 0.55);
}
#mainSocialBottom div > a {
border-left: 1px solid #464a4c;
padding: 10px;
padding-top: 7px;
border-right: 1px solid #7b7f81;
padding-bottom:4px;
}

#mainSocialBottom .addthis_button_facebook_like.at300b {
    padding-top: 7px;
}
#mainSocialBottom .addthis_button_tweet.at300b {
    padding-top: 7px;
}
#mainSocialBottom .addthis_button_tweet.at300b > iframe {width: 80px !important;} 
#mainSocialBottom .addthis_button_google_plusone.at300b {
    padding-top: 9px;
}
#mainSocialBottom .addthis_counter.addthis_pill_style {
    padding-top: 8px;
    border-right:0;
}
#mainSocialBottom {
    border-top: 1px solid #909395;
}
#mainSocialBottom p {
    float: left;
    color: #FFF;
    text-transform: uppercase;
    font-size: 11px;
    padding-right: 15px;
    border-right: 1px solid #6b6f72;
    line-height: 36px;
    margin: 0;
    -moz-text-shadow: 0 -1px 1px #333;
    -webkit-text-shadow: 0 -1px 1px #333;
    text-shadow: 0 -1px 1px #333;
}
#mainSocialBottom p > span {
    background: url('../images/homepage_sprite.png') 0 -365px no-repeat;
    width: 21px;
    height: 30px;
    float: left;
}
.no-js #mainPromoBottom .bt-slide, .no-js #mainPromoHome .right_btn, .no-js #mainPromoHome .left_btn, .no-js #mainSocialBottom {
    display: none
}
.no-js #mainPromoBottom .list_carousel {
    margin-top: 32px; 
    padding-bottom: 25px;
}
.no-js #mainPromoHome .banner_item {
    background: url('../images/banner-1.jpg') #e3e3e3 top center no-repeat
}
.no-js #mainPromoHome .banner_slider {
    width: 1600px;
}
.no-js #mainContent .mainContentNewsFeedPagination {
    display: none
}




























