.pro-info-option,.pro-info-header,.content-nav,.content,.about-pro
,.pro-list,.bottomBox{
    visibility: hidden;
}

.pro-info-option.pro-info-option-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s
}

.pro-info-header.pro-info-header-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s
}

.content-nav.content-nav-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s
}

.content.content-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s
}


.about-pro.about-pro-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s
}

.pro-list.pro-list-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s
}

.bottomBox.bottomBox-show{
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s
}

.pro-list-ul>a>li{
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -o-transition:all 0.5s;
}

.pro-list-ul>a>li:hover{
    opacity: 0.6;
}



.nav-detail-option-ul>a>li{
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -o-transition:all 0.5s;
}

.nav-detail-option-ul>a>li:hover{
    opacity: 0.6;
}