/* BASIC css start */
/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }

#visual-area{width:100%;background:#f1f1f1}
#visual-area .container {position:relative;width:1200px;margin:auto;}
#slides a.slidesjs-next {position:absolute;right:-50px;top:170px;z-index:99;cursor:pointer}
#slides a.slidesjs-previous {position:absolute;left:-50px;top:170px;z-index:99;cursor:pointer}
#slides a.btn {opacity:0.3}
#slides a.btn:hover {opacity:1}

#main .container {position:relative;width:1080px;margin:auto;}

.mdprd-title {position:relative;margin:20px 0 0;}
.mdprd-title h1{float:left;}
.mdprd-title .customNavigation {float:right;}
.mdprd-title .customNavigation a{cursor:pointer;}

#mdprd {width:1080px;margin:30px auto 60px;}
#mdprd .item {margin:0 auto;text-align:center;}
#mdprd .item img{}








.main-best-title{
    width:1000px;
    margin:80px auto 15px auto;
    font-size:32px;
    font-weight:bold;
    color:#222;
    letter-spacing:-1px;
    text-align:center;
}

.main-best-wrap{
    width:1000px;
    margin:0 auto 40px auto;
    overflow:hidden;
}

.main-best-item{
    width:31.2%;
    float:left;
    margin-right:2%;
    background:#fff;
    border:1px solid #e5e5e5;
    transition:0.3s;
}

.main-best-item:last-child{
    margin-right:0;
}

.main-best-item:hover{
    transform:translateY(-5px);
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

.main-best-item img{
    width:100%;
    display:block;
}

.main-best-name{
    padding:18px 10px;
    text-align:center;
    font-size:18px;
    color:#222;
    font-weight:600;
    line-height:1.4;
}


/* BASIC css end */