.blocks
        {
            margin: auto;
            /*max-width: 1070px;*/
            padding: 0;
        }
        
        .blocks li
        {
            color: #000;
            /*background-color: #2196F3;*/
            cursor: default;
            float: left;
            list-style: none;
            /*margin: 1%;
            padding: 60px 0;*/
            position: relative;
            text-align: center;
            -webkit-transition: .3s cubic-bezier(.3,0,0,1.3);
            transition: .3s cubic-bezier(.3,0,0,1.3);
            /*width: 31%;*/
            border-radius: 4px;
            /*font-weight: bold;*/
        }
        
        .blocks li:hover
        {
            -webkit-transform: scale(.5);
            -ms-transform: scale(.5);
            transform: scale(.5);
            z-index: 3000;
        }
        
        .blocks li:hover .popup
        {
            opacity: 1;
            -webkit-transform: scale(2.15);
            -ms-transform: scale(2.15);
            transform: scale(2.15);
            box-shadow: 0 0 10px 2px rgba(0,0,0,.4);
        }
        
        .popup
        {
            background-color: #fff;
            color: #000;
            height: 100%;
            width: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            padding: 12% 40px;
            border-radius: 4px;
            -webkit-transition: .3s cubic-bezier(.3,0,0,1.37);
            transition: .3s cubic-bezier(.3,0,0,1.37);
        }
        
        /*.popup span
        {
            font-size: 12px;
            font-weight: normal;
            left: 0;
            padding: 15px 25px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }*/
        
        .popup-title
        {
            font-size: 18px;
            line-height:26px;
            color:#494949;
            padding: 0;
        }

        @media (min-width: 768px) {
        
            .popup-title
            {
                font-size: 30px;
                line-height:36px;
                color:#494949;
                padding: 0;
            }

        }

        .popup-sectitle {
            font-size:14px;
            margin:7px 0;
        }

        .popup-time {
            color:#e41531;
        }

        .popup-sort {
            color:#aaa;
        }

        .popup-text { 
            word-break:keep-all; 
            overflow:hidden; 
            text-overflow:ellipsis;
            line-height:26px;
            font-size:14px;
            margin:10px 0;
            height:156px;
            color:#aaa;
        }

        .popup-btn {
            background:url(../images/index-02-05.jpg) no-repeat right center;
            margin-left:-57px;
            position:absolute;
            padding-right:54px;
            line-height:26px;
            display:block;
            font-size:14px;
            color:#494949;
            bottom:12%;
            width:114px;
            height:26px;
            left:50%;
        }

        .popup-btn:hover {
            color:#494949;
        }