.tx-productl{padding:52px 0 67px;background: #fafafa;}
.tx-productl-main li{width: 30.83%;margin-left: 3.75%;border-radius: 10px;overflow: hidden;background: #fff;cursor: pointer;margin-bottom: 40px;}
.tx-productl-main li:nth-child(3n-2){margin-left: 0;}
.tx-productl-main li .img{position: relative; height: 236px;overflow: hidden;}
.tx-productl-main li .img i{position: absolute;z-index: 20; left:50%;top:50%;transform: translate(-50%,-50%); width: 43px;height: 43px;background: url('../img/play.png') center center no-repeat;}
.tx-productl-main li .img img{width: 100%;height: 100%;}
.tx-productl-main li .text{padding:20px;}
.tx-productl-main li .text h3{font-weight: bold; font-size: 18px;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-productl-main li .text em{display: block;line-height: 20px;height: 20px;color:#999;margin-top: 4px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tx-boxs{display: none; position: fixed; width: 100%;height:100%;top:0;left:0; z-index: 999;background: rgba(0,0,0,0.5);}
.tx-boxs i{position: absolute;bottom:10%;right:0;left:0;margin:0 auto;width: 50px;height:50px;cursor:pointer;background: rgba(255,255,255,0.3);border-radius: 50%;}
.tx-boxs i::before,.tx-boxs i::after{content:'';position: absolute;width: 51%;height:1px;background: #fff;top:0;right:0;bottom:0;left:0;margin:auto;}
.tx-boxs i::before{transform: rotate(-45deg);}
.tx-boxs i::after{transform: rotate(45deg);}
.tx-boxs-mains{ position: absolute;top:50%;left:50%;transform: translate(-50%,-50%); width: 50%;height: auto;max-height: 58%; cursor: pointer;}
.tx-boxs-mains video{width: 100%;height: auto;}
.tx-boxs-mains .titles{display: none;position: absolute;top: 0;left:0;z-index: 999;background: rgba(0,0,0,0.4);line-height: 63px;width: 100%;border-radius: 10px 10px 0 0;color: #fff;height:63px;padding:0 30px; overflow: hidden;}
.tx-boxs-mains .titles h3{float: left;font-size: 19px;font-weight: bold;}
.tx-boxs-mains .titles em{float: left;font-size: 14px;margin-left: 30px;}
.tx-boxs-mains .mejs-container{width: 100% !important;height: 100% !important;border-radius: 10px;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-boxs-mains .mejs-container *{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
/* .mejs-layers,.mejs-inner,.mejs-poster,.mejs-overlay{width: 100% !important;height: 100% !important;border-radius: 10px;}
.mejs-poster{background-size: cover;}
.mejs-container .mejs-controls{height:63px;border-radius: 0 0 10px 10px;padding:15px 45px;}
.mejs-container .mejs-controls .mejs-time-rail{width: calc(100% - 225px) !important; height:4px;background: #fff;border-radius: 99px;margin:12px 25px;padding:0;}
.mejs-container .mejs-controls .mejs-button{position: relative; width: 27px;height:27px;margin:0 15px;}
.mejs-container .mejs-controls .mejs-button button{width: 27px;height:27px;margin:0;}
.mejs-container .mejs-controls .mejs-play button{background: url('../img/video-play.png') center center no-repeat;}
.mejs-container .mejs-controls .mejs-pause button{background: url('../img/video-plays.png') center center no-repeat;}
.mejs-container .mejs-controls .mejs-mute button{background: url('../img/video-mute.png') center center no-repeat;}
.mejs-container .mejs-controls .mejs-unmute button{background: url('../img/video-mute.png') center center no-repeat;}
.mejs-container .mejs-controls .mejs-unmute::before{content:'';position: absolute;left:0;top:0;bottom:0;right: 0;margin:auto; width: 110%;height:3px;border-radius: 99px; background: #fff;transform: rotate(45deg);}
.mejs-container .mejs-controls .mejs-fullscreen-button button{background: url('../img/video-full.png') center center no-repeat;} */
/* .mejs-container .mejs-controls .mejs-time{display: none;} */

@media screen and (min-width: 769px){

    .tx-productl-main li:hover .img img{transform: scale(1.1);}
    .tx-productl-main li:hover .text h3{color: var(--mColor);}

    .tx-boxs i:hover{transform: rotate(180deg);}
    .tx-boxs-mains:hover .titles{display: block;}

}

@media screen and (max-width: 1465px){

    .tx-productl-main li .text h3{font-size: 17px;}

}

@media screen and (max-width: 768px){
    
    .tx-productl{padding:25px 0;}

    .tx-productl-main li{width: 48%;margin-left: 4% !important;margin-bottom: 4%;}
    .tx-productl-main li:nth-child(2n-1){margin-left: 0 !important;}
    .tx-productl-main li .img{height: 28vw;}
    .tx-productl-main li .img i{width: 32px;height: 32px;background-size: 100%;}
    .tx-productl-main li .text{padding:12px;}
    .tx-productl-main li .text h3{font-size: 15px;}
    .tx-productl-main li .text em{display: none;}

    .tx-boxs-mains{width: 88%;}
    .tx-boxs i{width: 42px;height: 42px;}

}