.left{width: 800px; height: 450px; float: left;}
#li-a{width: 800px;height: 525px;}
.right{width: 350px;height: 450px;float: 1px solid #000;float: right;}
.asd {margin-top: -203px;}


.mp4_list_fl{float:left;width:800px;}
.mp4_list_fl_item{position:relative;width: 100%;height: 450px;overflow: hidden;}
.mp4_list_fl_item_playico{width:80px;height:auto;overflow:hidden;position:absolute;left: 46%;top: 40%; z-index: 1;}
.mp4_list_fl_item_playico img{width:100%;min-height:100%;}

.mp4_list_fl_item .pic{width:100%;height:300px;}
.mp4_list_fl_item .pic img{width:100%;min-height:100%;transition: all 0.9s;}
.mp4_list_fl_item .pic:hover img{transform: scale(1.1);}

.mp4_list_fl_item .title{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: #020202a1;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;}



.mp4_list_fr{float:right;width:350px;}
.mp4_list_fr_item{width:100%;height:200px;overflow:hidden;position:relative;}
.mp4_list_fr_item:first-child{margin-bottom:48px;}
.mp4_list_fr_item_playico{width:35px;position: absolute;left: 46%;top: 40%;z-index: 1;}
.mp4_list_fr_item_playico img{width:100%;min-height:100%;}
.mp4_list_fr_item .pic{width:100%;height:100%;}
.mp4_list_fr_item .pic img{width:100%;min-height:100%;transition: all 0.9s;}
.mp4_list_fr_item .pic:hover img{transform: scale(1.1);}

.mp4_list_fr_item .title{
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0a0a0aad;
    text-align: center;
    color: #fff;}
.yu {
color: #fff;
    padding-left: 21px;}

.ob {
width: 3px;
    height: 21px;
    position: absolute;
    background: #fff;}