.mainPage{
    padding-top: 107px;
}

.content{
     border: solid 1px #e1e1e1;
     background: #fbfbfb;
     -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
     box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
     margin-bottom: 1em;
     padding: 30px;
 }

 .video-div {
    float: left;
    position: relative;
    margin-top: 25px;
    text-align: center;
    cursor: pointer;

}
.video-div img{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


.video-div:hover img{
    -webkit-box-shadow: 0 28px 16px -26px black;
    -moz-box-shadow: 0 28px 16px -26px black;
    box-shadow: 0 28px 16px -26px black;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transform: scale(0.8);
}

 .video-intro-text {
     margin-top: 10px;
     font-size: 17px;
     display: block;
     color: #666666;
     font-family: '\9ED1\4F53';
 }

 .module-title{
     margin-top: 10px;
     margin-bottom: 0px;
     color:#666666;
 }

.play-close {
    position: absolute;
    top: -30px;
    right: -28px;
    display: block;
    width: 40px;
    height: 40px;
    color: #ccc;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
    line-height: 40px;
    z-index: 2000;
}