/* ------------遮罩层 start-------------------*/
  .img-box {
            font-size:14px;
            width: 350px;
            text-align:center;
            display: inline-block;
            position: relative;
            cursor: pointer;
        }

        .img-box img {
            width: 100%;
            height: 100%;
        }

        .img-box::before, .img-box::after {
            z-index: 1000;
            opacity: 0;
        }

        .img-box::before {
            content: " ";
            border: 25px solid #b30000;
            position: absolute;
			width:300px;
			bottom:4px;
        }

        .img-box::after {
            content: attr(data-tip);
			bottom:10px;
			text-align:center;
			left:0;
            color: #ffffff;
            position: absolute;
		
        }

        .img-box:hover::before {
            opacity: 0.8;
        }

        .img-box:hover::after {
            opacity: 1;
        }
		
  /* ------------遮罩层 end-------------------*/