/* CSS Document */
.main-content{ margin-bottom: 35px;}
h1{ font-size: 34px; font-weight: normal; margin-bottom: 15px;}
.main-video{ width: 70%; float: left; padding-top: 35px;}
.main-video video{ width: 100%; height:500px; background-color: #000;}
#main .main-videoList{ width: 24%; height: 600px; float: right; overflow: hidden;}
#main .main-videoList>div{ width: 600px; height:150px; background-color: transparent; box-shadow: none; transform: rotate(90deg); transform-origin: 95px 105px; }
#main .main-videoList>div img{ width:100%; height:112px;}
#main .main-videoList .am-viewport{ width: 530px;}
#main .main-videoList>div .am-slides li{ width: 175px !important; height: 170px; text-align: center; padding-top: 25px; transform: rotate(-90deg);}
#main .main-videoList>div .am-slides a{ color:#000;}
#main .main-videoList>div .am-slides a+a{ display: inline-block;}
#main .main-videoList .am-nav-prev a{ width: 23px; height:180px; background-color: #ccc; opacity: 1; left:-10px; top: 14px;}
#main .main-videoList .am-nav-prev a:before{ content:"\f053"; line-height: 180px; color:#fff;}
#main .main-videoList .am-nav-next a{ width: 23px; height:180px; background-color: #ccc; opacity: 1; right:35px; top: 14px;}
#main .main-videoList .am-nav-next a:before{ content:"\f054"; line-height: 180px; color:#fff;}