.h5-layer-conatiner{
    overflow: hidden;
}
.shareLayer{
    display: none;    
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 12px;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    z-index: 112;
    .close{
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 20px;
        line-height: 17px;
        cursor: pointer;
    }
    .mc{
        padding:5px 10px;
        .info{
            text-align:center;
        }
        .share{
            margin:8px 0;
            p{
                margin:10px 0 0;
            }
            a{
                display: inline-block;
                width:25px;
                height:25px;
                background-size:25px 25px;
                background-position: center center;
                background-repeat: no-repeat;
                margin:0 2px;
                cursor: pointer;
            }
            .zoom{
                background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjcgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7nqbrpl7Q8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMDQtMDDmloflrZciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OTkuMDAwMDAwLCAtODAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLnqbrpl7QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5OS4wMDAwMDAsIDgwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwtQ29weSIgZmlsbD0iI0U4QjgyNSIgY3g9IjEzLjAzNjAxMTEiIGN5PSIxMyIgcng9IjEzLjAzNjAxMTEiIHJ5PSIxMyI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuNzc2NDIyODYsMTYuMjUxODUyMSBMMTQuMjg1Mjc4NCwxMi41ODcxNDQ4IEwxMC4wODc0NjI2LDExLjg2OTM5NTggTDE2LjQ2MjA2ODMsMTEuODY5Mzk1OCBMMTIuNTc0ODAzOSwxNS4zNzkyNTY0IEwxNi42MTc4MzIzLDE2LjI1MTg1MjEgTDkuNzc2NDIyODYsMTYuMjUxODUyMSBMOS43NzY0MjI4NiwxNi4yNTE4NTIxIFogTTIwLjAzODc4MTIsMTEuNDk0OTM5MyBDMjAuMDM4NzgxMiwxMS4zNDAwOTI1IDIwLjAzODc4MTIsMTEuMzgyNDU2MyAxOS44ODMwMTcxLDExLjM4MjQ1NjMgTDE4LjMyODMwNjcsMTEuMzgyNDU2MyBMMTUuNjg1MjAxNCwxMS4zODI0NTYzIEwxNS4wNjI2MzM2LDEwLjI3NzEwMzQgTDEzLjM1MjY0NzQsNyBMMTMuMDQxNjA3Nyw3IEwxMS40ODY4OTczLDEwLjI3NzEwMzQgTDEwLjg2NDgxNzgsMTEuMzgyNDU2MyBMOC4yMjA3MzU4NiwxMS4zODI0NTYzIEw2LDExLjM4MjQ1NjMgTDYsMTEuNDUzMDYyNSBMNi44NzY5NjYwNSwxMi4wNzM0MjM1IEw5LjMzNzkzOTgzLDE0LjI0NTE3NDEgTDguNzc5MzM3ODUsMTkuMjEwMDEwMSBDOC43NzkzMzc4NSwxOS4zNjQ4NTY5IDguODExMDc2NTksMTkuMzY0ODU2OSA5LjEyMjExNjM0LDE5LjM2NDg1NjkgTDEzLjE4MTI1ODIsMTYuODgyNDM4OSBMMTcuMjMxNjEwOSwxOS4zNjQ4NTY5IEMxNy4zODczNzQ5LDE5LjM2NDg1NjkgMTcuMzkxMjgxMiwxOS4zNjQ4NTY5IDE3LjU0NjU1NjksMTkuMjEwMDEwMSBMMTYuNzcxMTU0OSwxNC4yNDUxNzQxIEwxOS4xMDQ2ODU0LDEyLjI0OTIwODcgTDIwLjAzODc4MTIsMTEuNDk0OTM5MyBMMjAuMDM4NzgxMiwxMS40OTQ5MzkzIFoiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
            }
            .qq{
                background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjcgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5RUTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwNC0wMOaWh+WtlyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5NC4wMDAwMDAsIC02MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9InFxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1OTQuMDAwMDAwLCA2MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsLUNvcHkiIGZpbGw9IiM1QkE2RUEiIGN4PSIxMy4wMzYwMTExIiBjeT0iMTMiIHJ4PSIxMy4wMzYwMTExIiByeT0iMTMiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjMyOTgxNzgzLDE2LjQ4NzY3OTggQzYuODkwNzk2NzEsMTYuMTYwNTE4NSA2LjkyOTgyODIyLDE1LjMyNzQzNzQgNy4yMTQzOTEzLDE0LjUyODA4NDQgQzcuNTAwOTU2LDEzLjcyMTk4NTcgOC4yMjMyMDU3OCwxMi45NDI4Njk1IDguMjMxNTQ1ODUsMTIuNzc0MjI5NiBDOC4yNjAyMzU2OCwxMi4xMzY3NzA4IDguMTY5MTYyMTUsMTIuMDI4ODQxMyA4LjIzMTU0NTg1LDExLjg2MzU3NDIgQzguMzY5OTkwOTYsMTEuNDg5MTkzNyA4LjUzODc5MzkxLDExLjYzMDg1MTIgOC41Mzg3OTM5MSwxMS40MzUyMjg5IEM4LjUzODc5MzkxLDguOTg2NTc3ODIgMTAuMzQwMjQ4Myw3IDEyLjU2MzA0Myw3IEMxNC43ODU1MDQsNyAxNi41ODc2MjU2LDguOTg2NTc3ODIgMTYuNTg3NjI1NiwxMS40MzUyMjg5IEMxNi41ODc2MjU2LDExLjUyOTY2NzMgMTYuODI4ODIwMywxMS40MzUyMjg5IDE2Ljk0NDU4MDUsMTEuODYzNTc0MiBDMTYuOTY4MjY2MywxMS45NTEyNjcgMTYuOTg0NjEyOCwxMi4yODg1NDY3IDE2Ljk1NjU5MDIsMTIuNzc0MjI5NiBDMTYuOTQyOTEyNSwxMy4wMDY5NTI2IDE3LjU2ODc1MTEsMTMuMjg2ODk0OCAxNy44OTIwMTIxLDE0LjUyODA4NDQgQzE4LjIxNTYwNjYsMTUuNzY1OTAxMSAxNy44OTIwMTIxLDE2LjM0OTM5NTEgMTcuNzMwMjE0OCwxNi40ODc2Nzk4IEMxNy41Mjk3MTk2LDE2LjY2MzA2NTMgMTcuMjk4MTk5MywxNi4zNjI4ODYzIDE3LjExMTA0ODIsMTYuMDU5MzM0NSBDMTYuOTM2NTc0LDE1Ljc3OTM5MjMgMTYuODAwNDY0MSwxNS40OTYwNzczIDE2Ljc2NTQzNTgsMTUuNjA0MDA2OCBDMTYuNTg4OTYsMTYuMTQzNjU0NSAxNi41MDYyMjY2LDE2LjUwNDU0MzggMTUuOTg1ODA2NCwxNy4wOTQ3ODM0IEMxNS45NTgxMTc0LDE3LjEyNTEzODYgMTYuNTg3NjI1NiwxNy4zNTQ0ODg4IDE2Ljc2NTQzNTgsMTcuODQ2OTE3MyBDMTYuOTM2MjQwNCwxOC4zMTU3MzYyIDE3LjI2ODE3NTEsMTkuMDYxMTI0NCAxNS4wOTU0MjA4LDE5LjI5Mzg0NzUgQzE0LjQxMTUzNTQsMTkuMzY4MDQ5IDEzLjgzMDA2NTksMTkuMTY1NjgxMiAxMy40MjM0MDQzLDE4Ljk2MzMxMzMgQzEzLjA3MTExOTgsMTguNzg3OTI3OCAxMi44NDk5NDEzLDE4LjYxMjU0MjQgMTIuODA3NTczNywxOC42MTU5MTUyIEMxMi42MzcxMDI4LDE4LjYyOTQwNjMgMTIuNzEyODMwNiwxOC42MTU5MTUyIDEyLjUzMDAxNjMsMTguNjE1OTE1MiBDMTIuMzgwNTYyMywxOC42MTU5MTUyIDEyLjM3MDU1NDIsMTguNjI2MDMzNSAxMi4yMjk3NzM5LDE4LjYxNTkxNTIgQzEyLjE5MTA3NiwxOC42MTI1NDI0IDExLjc2NzA2NywxOS4yOTM4NDc1IDkuODcyMjAzOCwxOS4yOTM4NDc1IEM4LjQwMzY4NDgzLDE5LjI5Mzg0NzUgOC4wMjMwNDQxOCwxOC4zNTk1ODI1IDguMzE4NjE2MTUsMTcuODQ2OTE3MyBDOC42MTM4NTQ1MSwxNy4zMzA4NzkyIDkuMTA2OTE5MjYsMTcuMTgyNDc2MSA5LjAzNzE5NjMxLDE3LjEwMTUyOSBDOC42OTUyNTM1NywxNi43MDAxNjYxIDguNDU5Mzk2NDgsMTYuMjcxODIwOCA4LjMxODYxNjE1LDE1Ljg4Mzk0OSBDOC4yODM1ODc4NywxNS43ODYxMzc5IDguMjU0MjMwODMsMTUuNjk1MDcyNCA4LjIzMTU0NTg1LDE1LjYwNDAwNjggQzguMjA1NTI0ODQsMTUuNTAyODIyOSA4LjA5NzQzNzU4LDE1Ljc4Mjc2NTEgNy45NDI2NDU5NCwxNi4wNTkzMzQ1IEM3LjgxMDIwNTY3LDE2LjI5ODgwMzIgNy42NDM0MDQzNCwxNi41MzgyNzE4IDcuNDY1OTI3NzIsMTYuNTM4MjcxOCBDNy40MjEyMjQ5NiwxNi41MzgyNzE4IDcuMzc1NTIxMzksMTYuNTI0NzgwNiA3LjMyOTgxNzgzLDE2LjQ4NzY3OTggTDcuMzI5ODE3ODMsMTYuNDg3Njc5OCBaIiBpZD0iU2hhcGUtQ29weS00IiBmaWxsPSIjRjJGMkYyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
            }
            .weibo{
                background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjcgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7lvq7ljZo8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMDQtMDDmloflrZciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NDguMDAwMDAwLCAtODYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlvq7ljZoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU0OC4wMDAwMDAsIDg2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwtQ29weSIgZmlsbD0iI0RBNjQ0QSIgY3g9IjEzLjAzNjAxMTEiIGN5PSIxMyIgcng9IjEzLjAzNjAxMTEiIHJ5PSIxMyI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjYyMjY1ODYsNy4wMDkyNzgzNiBDMTUuNjIyNjU4Niw3LjAwOTI3ODM2IDE3LjU1MTQ2MjksNi44MjA1Mzg2IDE4Ljk4Nzk4MzIsOC4xNDU1Njg3IEMyMC40MjQ1MDM2LDkuNDY2NzQ2OTYgMTkuOTc0OTIzNywxMS42NjYxNDI5IDE5Ljk3NDkyMzcsMTEuNjY2MTQyOSBDMTkuOTQ0ODcyNiwxMS45ODU4NDQ5IDE5LjY1NjYxOTYsMTIuMjUxNjIxMyAxOS4zMjg0MzAyLDEyLjI4NjI4NzggQzE5LjM1MjE1NDgsMTIuMjkwMTM5NiAxOS4zNzY2NzAxLDEyLjI5MDEzOTYgMTkuNDAxNTgwOSwxMi4yOTAxMzk2IEwxOS4yNTM2OTgsMTIuMjkwMTM5NiBDMTkuMjc5MDA0MSwxMi4yOTAxMzk2IDE5LjMwMzUxOTUsMTIuMjkwMTM5NiAxOS4zMjg0MzAyLDEyLjI4NjI4NzggQzE5LjAwOTczMDcsMTIuMjUxNjIxMyAxOC43OTcwMDA4LDExLjk4NTg0NDkgMTguODQzMjYzNiwxMS42NjYxNDI5IEMxOC44NDMyNjM2LDExLjY2NjE0MjkgMTkuMTk2NzU5MSwxMC4zMzM0MDkxIDE4LjMzNTU1ODYsOS4xMjc3ODU3OCBDMTcuNDczMTcyLDcuOTIyMTYyNDYgMTUuNjIwNjgxNSw4LjEzMDE2MTM3IDE1LjYyMDY4MTUsOC4xMzAxNjEzNyBDMTUuMjkwOTEwNSw4LjEzMDE2MTM3IDE1LjAxMTM1NjUsNy44OTUxOTk2NCAxNC45NzY5NTU5LDcuNTc5MzQ5NDQgQzE0Ljk3NDU4MzUsNy42MDI0NjA0MyAxNC45NzMzOTcyLDcuNjIxNzE5NTkgMTQuOTczMzk3Miw3LjY0NDgzMDU4IEwxNC45NzMzOTcyLDcuNTEzODY4MyBDMTQuOTczMzk3Miw3LjUzNjk3OTI5IDE0Ljk3NDU4MzUsNy41NTYyMzg0NSAxNC45NzY5NTU5LDcuNTc5MzQ5NDQgQzE1LjAxMTM1NjUsNy4yNjM0OTkyNSAxNS4yODY5NTY1LDcuMDEzMTMwMTkgMTUuNjIyNjU4Niw3LjAwOTI3ODM2IEwxNS42MjI2NTg2LDcuMDA5Mjc4MzYgWiBNNSwxNC42MjA0OTc3IEM1LDEyLjI4NjI4NzggOS41MDY0NzQ1OCw4LjYwMDA4NDg0IDExLjIzMDg1MjUsOC42MDAwODQ4NCBDMTEuOTUzNjU5OSw4LjYwMDA4NDg0IDEzLjM3MjM4NjgsOS4xMjc3ODU3OCAxMi4zNzk5MTA2LDEwLjc5MTc3NzEgQzEyLjM1MjIzMiwxMC44Mzc5OTkgMTIuNzA1NzI3NSwxMC42OTE2Mjk0IDEzLjIyMDU0OTgsMTAuNTQ1MjU5OCBDMTMuOTkwODA2MywxMC4zMjU3MDU0IDE1LjEyMzI1NzIsMTAuMTEwMDAyOSAxNS44Nzk2NzQzLDEwLjUzMzcwNDMgQzE3LjE0MTQyMzksMTEuMjUwMTQ1IDE1Ljg3OTY3NDMsMTIuMzk0MTM5IDE1Ljg3OTY3NDMsMTIuNTIxMjQ5NSBDMTUuODc5Njc0MywxMi42NDgzNTk5IDE4LjQxMzQ1NDIsMTIuNjQ4MzU5OSAxOC40MTM0NTQyLDE0LjYyMDQ5NzcgQzE4LjQxMzQ1NDIsMTYuOTUwODU1OSAxNS40MzI4NjIzLDE4Ljg0MjEwNTMgMTEuNzIxMTU5NSwxOC44NDIxMDUzIEM4LjAwOTA2MTI5LDE4Ljg0MjEwNTMgNSwxNi45NTA4NTU5IDUsMTQuNjIwNDk3NyBMNSwxNC42MjA0OTc3IFogTTE1LjgzNjk3MDIsOS4wNzAwMDgzIEMxNS44MzY5NzAyLDkuMDcwMDA4MyAxNi43NDE2NjU2LDguODMxMTk0NzQgMTcuNTI1MzY1OSw5LjUxNjgyMDc4IEMxOC4zMDkwNjYyLDEwLjIwNjI5ODYgMTcuOTg4Mzg5NywxMS4zNDI1ODkgMTcuOTg4Mzg5NywxMS4zNDI1ODkgQzE3Ljk1NDc3OTksMTEuNTczNjk4OSAxNy43MjIyNzk1LDExLjc1ODU4NjggMTcuNDgxNDc1NSwxMS43NTg1ODY4IEwxNy40Mzg3NzE0LDExLjc1ODU4NjggQzE3LjE5NzE3NjYsMTEuNzU4NTg2OCAxNy4wNTY0MTEsMTEuNTc3NTUwNyAxNy4xMjI4Mzk3LDExLjM1NDE0NDUgQzE3LjEyMjgzOTcsMTEuMzU0MTQ0NSAxNy40MjA5NzgsMTAuNjg3Nzc3NiAxNy4wMDMwMzA4LDEwLjIwNjI5ODYgQzE2LjU4NTA4MzcsOS43MjA5Njc4NSAxNS44MzgxNTY0LDkuODMyNjcwOTcgMTUuODM4MTU2NCw5LjgzMjY3MDk3IEMxNS42MTg3MDQ1LDkuODM2NTIyODEgMTUuNDQwMzc1MSw5LjY5MDE1MzIgMTUuNDExMTE0OCw5LjQ4OTg1Nzk1IEMxNS40MDgzNDcsOS41MDkxMTcxMSAxNS40MDY3NjUzLDkuNTI4Mzc2MjcgMTUuNDA2NzY1Myw5LjU0NzYzNTQzIEwxNS40MDY3NjUzLDkuNDI4MjI4NjUgQzE1LjQwNjc2NTMsOS40NDc0ODc4MSAxNS40MDgzNDcsOS40NjY3NDY5NiAxNS40MTExMTQ4LDkuNDg5ODU3OTUgQzE1LjQ0MDM3NTEsOS4yODE4NTkwNCAxNS42MTk4OTA3LDkuMTAwODIyOTYgMTUuODM2OTcwMiw5LjA3MDAwODMgTDE1LjgzNjk3MDIsOS4wNzAwMDgzIFogTTExLjExMTgzNDUsMTIuMTA5MTAzNSBDOC43NDA1Njc2NSwxMi40MzY1MDkyIDYuOTk0MDQ2NzksMTMuOTE1NjEyNSA3LjIxMDMzNTQzLDE1LjQxNzgyNjkgQzcuNDI3MDE5NDgsMTYuOTIwMDQxMyA5LjUyNTA1ODgsMTcuODc1Mjk1NSAxMS44OTY3MjEsMTcuNTQ3ODg5OCBDMTQuMjY3OTg3OSwxNy4yMjQzMzYgMTYuMDE1Mjk5NSwxNS43NDUyMzI2IDE1Ljc5ODYxNTUsMTQuMjQzMDE4MiBDMTUuNjEwNDAwOSwxMi45MzcyNDczIDE0LjAwNDI1MDIsMTIuMDQ3NDc0MiAxMi4wMzIzNDYzLDEyLjA0NzQ3NDIgQzExLjczMjYyNjQsMTIuMDQ3NDc0MiAxMS40MjQ2MDI5LDEyLjA2NjczMzMgMTEuMTExODM0NSwxMi4xMDkxMDM1IEwxMS4xMTE4MzQ1LDEyLjEwOTEwMzUgWiBNOC40OTA2NjkyNywxNS41NDg3ODkyIEM4LjI2MTcyNzU1LDE0LjQwNDc5NTIgOS4yMjA1OTM5OSwxMy4yNjA4MDEyIDEwLjYzMTAxNzMsMTIuOTk1MDI0OCBDMTIuMDQxNDQwNywxMi43MjUzOTY2IDEzLjM3MDQwOTgsMTMuNDM3OTg1NCAxMy41OTg5NTYxLDE0LjU4MTk3OTQgQzEzLjgyNzEwNywxNS43MjU5NzM0IDEyLjg2OTAzMTQsMTYuODczODE5MyAxMS40NTgyMTI2LDE3LjEzOTU5NTcgQzExLjI1Nzc0MDMsMTcuMTc4MTE0IDExLjA1OTI0NTEsMTcuMTk3MzczMSAxMC44NjUwOTk0LDE3LjE5NzM3MzEgQzkuNjkyNzEyMTUsMTcuMTk3MzczMSA4LjY4Njc5MjA1LDE2LjUzMTAwNjMgOC40OTA2NjkyNywxNS41NDg3ODkyIEw4LjQ5MDY2OTI3LDE1LjU0ODc4OTIgWiBNMTEuMDcwNzEyLDE0LjYyMDQ5NzcgQzExLjA3MDcxMiwxNC44NTE2MDc2IDExLjI2NDg1NzcsMTUuMDQwMzQ3NCAxMS41MDQ0NzU1LDE1LjA0MDM0NzQgQzExLjc0MzY5NzgsMTUuMDQwMzQ3NCAxMS45Mzc4NDM2LDE0Ljg1MTYwNzYgMTEuOTM3ODQzNiwxNC42MjA0OTc3IEMxMS45Mzc4NDM2LDE0LjM4NTUzNiAxMS43NDM2OTc4LDE0LjE5Njc5NjMgMTEuNTA0NDc1NSwxNC4xOTY3OTYzIEMxMS4yNjQ4NTc3LDE0LjE5Njc5NjMgMTEuMDcwNzEyLDE0LjM4NTUzNiAxMS4wNzA3MTIsMTQuNjIwNDk3NyBMMTEuMDcwNzEyLDE0LjYyMDQ5NzcgWiBNOS45NTQ4NjgyMSwxNC44NTU0NTk1IEM5LjUyMDcwOTMsMTUuMDUxOTAyOSA5LjI5MTc2NzU4LDE1LjQ3MTc1MjUgOS40NDM2MDQ1OCwxNS43ODc2MDI3IEM5LjU5NTQ0MTU3LDE2LjEwMzQ1MjkgMTAuMDcwMzI3NiwxNi4xOTk3NDg3IDEwLjUwNDA5MTEsMTYuMDAzMzA1MyBDMTAuOTM4MjUsMTUuODA2ODYxOSAxMS4xNjc1ODcxLDE1LjM5MDg2NDEgMTEuMDE1MzU0NywxNS4wNzUwMTM5IEMxMC45MTY4OTc5LDE0Ljg2NzAxNSAxMC42ODIwMjUxLDE0Ljc1NTMxMTkgMTAuNDEwMzc5MiwxNC43NTUzMTE5IEMxMC4yNjQwNzc5LDE0Ljc1NTMxMTkgMTAuMTA2NzA1MiwxNC43ODYxMjY1IDkuOTU0ODY4MjEsMTQuODU1NDU5NSBMOS45NTQ4NjgyMSwxNC44NTU0NTk1IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0YyRjJGMiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
            }
        }
        .watch{
            p{
                margin:10px 0;
                white-space:nowrap;
                img{
                    width:90px;
                    height:90px;
                    margin-right:10px;
                    vertical-align: middle;
                }
                span{
                    line-height: 20px;
                    display: inline-block;
                    vertical-align: middle;
                }
            }
        }
    }
}
.preview{
    display: none;
    position:absolute;
    left:0px;
    bottom:48px;
    height:72px;
    width:100%;
    cursor: pointer;
    z-index: 20;
    .gradient{
        position: absolute;
        left:0px;
        top:-70px;
        width:100%;
        height: 70px;
        background: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)), to(rgba(40, 38, 43, 1)));
        background: -moz-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)), to(rgba(40, 38, 43, 1)));
        background: gradient(linear,center top,center bottom,from(rgba(0,0,0,0)), to(rgba(40, 38, 43, 1)));
        background:-moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(40, 38, 43, 1));
        background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(40, 38, 43, 1));
        background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(40, 38, 43, 1));
    }
    .cover{
        display: none;    
        position:absolute;
        top:0px;
        width:128px;
        height:71px;
        background:rgba(255,255,255,0.4);
        z-index: 101; 
        .videoInfo{
            position: absolute;
            top:-36px;
            left:5px;
            width:100%;
            height:32px;
            font-size:14px;
            line-height: 120%;
            overflow: hidden;
        }
        .shareIcon{
            display: none;    
            position: absolute;
            top:2px;
            right:5px;
            /*display: inline-block;*/
            width:30px;
            height:12px;   
            font-size:12px;
            color:#fff;
            font-weight: bold;
            padding:5px 5px 5px 15px;
            background:#000 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjFweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMjEgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zaGFyZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwNC0wMOaWh+WtlyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0Ni4wMDAwMDAsIC01NDUuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDYuMDAwMDAwLCA1NDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ic2hhcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMC43NzYyNzIyLDQuMzk3NzQ0OTkgQzIwLjY5OTQ1NTgsNC40NzQ5MyAyMC42MTAzNDg4LDQuNTMwNTAzMjIgMjAuNTE1NjA4Niw0LjU2ODA2NjU5IEMyMC40MTkzMzIxLDQuNjExODA0NzcgMjAuMzE0MzQ5Nyw0LjYzOTU5MTM3IDIwLjIwMTY4NTcsNC42Mzk1OTEzNyBMMTguODAwNTU0Nyw0LjYzOTU5MTM3IEMxOC44MDE1NzksNC42NDMxOTMzNCAxOC44MDI2MDMyLDQuNjQ3MzA5ODggMTguODA0MTM5NSw0LjY1MTQyNjQxIEwxNi40OTcwODczLDQuNjUxNDI2NDEgTDE2LjQ4MjIzNjIsNC42NzUwOTY0OCBDMTQuOTAzOTE1NSw0Ljc0NjYyMTI2IDEyLjc0NTM3NSw2LjMxODEwODIxIDExLjk2NjQ1NjgsOC41MDI0NDQxOSBMMTEuODkwMTUyNSw4LjUwMjQ0NDE5IEMxMS44OTAxNTI1LDguNTAzOTg3ODkgMTEuODkxMTc2OCw4LjUwNTUzMTU5IDExLjg5MTE3NjgsOC41MDcwNzUyOSBDMTEuODkxMTc2OCw4LjkzMTU5Mjg5IDExLjU0ODU3NTcsOS4yNzUzMjM1IDExLjEyNjU5NzcsOS4yNzUzMjM1IEMxMC43MDQ2MTk2LDkuMjc1MzIzNSAxMC4zNjI1MzA3LDguOTMxNTkyODkgMTAuMzYyNTMwNyw4LjUwNzA3NTI5IEMxMC4zNjI1MzA3LDguNTA1NTMxNTkgMTAuMzYzMDQyOCw4LjUwNDUwMjQ2IDEwLjM2MzA0MjgsOC41MDI5NTg3NiBMMTAuMzQ2MTQzMiw4LjUwMjk1ODc2IEMxMC4zNjE1MDY0LDguNDQwMTgxNjEgMTAuMzgzNTI3MSw4LjM3ODk0ODE2IDEwLjQwMDkzODgsOC4zMTY2ODU1OCBDMTAuNDEyNzE3NCw4LjI3MDg4OTE0IDEwLjQyMDM5OSw4LjIyNDU3ODEzIDEwLjQzOTg1OTEsOC4xODIzODM2NSBDMTEuMjk3MTMsNS4zMjgwODE3MyAxNC4xNzM2NDc3LDMuMTU0NTUxNjUgMTYuNTc1NDQwMSwzLjExOTU2MTEgQzE2LjYwMjA2OTcsMy4xMTY5ODgyNyAxNi42MjUxMTQ3LDMuMTA0MTI0MSAxNi42NTIyNTY0LDMuMTA0MTI0MSBMMTguNDA3NzY3LDMuMTA0MTI0MSBMMTYuNjIzMDY2MiwxLjMxMDM0NDMxIEMxNi4zMjUwMTg2LDEuMDEwODY2NDQgMTYuMzI1MDE4NiwwLjUyNDYwMDgzMiAxNi42MjMwNjYyLDAuMjI0NjA4NCBDMTYuOTIxNjI1OSwtMC4wNzQ4Njk0NjY1IDE3LjQwNTU2OTIsLTAuMDc0ODY5NDY2NSAxNy43MDM2MTY3LDAuMjI0NjA4NCBMMjAuNzc2MjcyMiwzLjMxMjAwOTA4IEMyMS4wNzQ4MzE5LDMuNjEyMDAxNTEgMjEuMDc0MzE5OCw0LjA5Nzc1MjU1IDIwLjc3NjI3MjIsNC4zOTc3NDQ5OSBaIE0xMC41MzQ1OTk0LDEuNTU2ODIxNzkgQzEwLjUwNzk2OTcsMS41NTY4MjE3OSAxMC40ODU0MzY5LDEuNTQzOTU3NjIgMTAuNDU5MzE5MywxLjU0MTM4NDc5IEwxMC40NTkzMTkzLDEuNTY0NTQwMyBMMy4wODA4NDkyNCwxLjU2NDU0MDMgQzIuMjMyMjg0MjIsMS41NjQ1NDAzIDEuNTQ0NTIxNDksMi4yNTU2MDM0OCAxLjU0NDUyMTQ5LDMuMTA4MjQwNjQgTDEuNTQ0NTIxNDksMTMuODk4MTkxNCBDMS41NDQ1MjE0OSwxNC43NTA4Mjg2IDIuMjMyMjg0MjIsMTUuNDQxODkxOCAzLjA4MDg0OTI0LDE1LjQ0MTg5MTggTDE3LjkzMjAxNzUsMTUuNDQxODkxOCBDMTguNzgwNTgyNSwxNS40NDE4OTE4IDE5LjQ2ODM0NTIsMTQuNzUwODI4NiAxOS40NjgzNDUyLDEzLjg5ODE5MTQgTDE5LjQ2ODM0NTIsOC41NTEzMjgwNCBMMTkuNDgwNjM1OCw4LjU1MTMyODA0IEMxOS40Nzg1ODc0LDguNTMwMjMwOCAxOS40NjgzNDUyLDguNTEyMjIwOTYgMTkuNDY4MzQ1Miw4LjQ5MTEyMzcyIEMxOS40NjgzNDUyLDguMDY3MTIwNyAxOS44MTA0MzQyLDcuNzIzMzkwMDkgMjAuMjMyNDEyMiw3LjcyMzM5MDA5IEMyMC42NTQ5MDIzLDcuNzIzMzkwMDkgMjAuOTk2OTkxMyw4LjA2NzEyMDcgMjAuOTk2OTkxMyw4LjQ5MTEyMzcyIEMyMC45OTY5OTEzLDguNTEyMjIwOTYgMjAuOTg2NzQ5MSw4LjUzMDIzMDggMjAuOTg0NzAwNyw4LjU1MTMyODA0IEwyMC45OTA4NDYsOC41NTEzMjgwNCBMMjAuOTkwODQ2LDEzLjkxMjU5OTMgQzIwLjk5MDg0NiwxNS42MTc4NzM2IDE5LjYxNDgwODUsMTcgMTcuOTE4MTkwNSwxNyBMMy4wNzI2NTU0OSwxNyBDMS4zNzU1MjU0NCwxNyAwLDE1LjYxNzg3MzYgMCwxMy45MTI1OTkzIEwwLDMuMTE1NDQ0NTcgQzAsMS40MTAxNzAyNiAxLjM3NTUyNTQ0LDAuMDI4MDQzODg5NSAzLjA3MjY1NTQ5LDAuMDI4MDQzODg5NSBMMTAuNDU5MzE5MywwLjAyODA0Mzg4OTUgTDEwLjQ1OTMxOTMsMC4wMzYyNzY5NTggQzEwLjQ4NTQzNjksMC4wMzMxODk1NTczIDEwLjUwNzk2OTcsMC4wMjA4Mzk5NTQ2IDEwLjUzNDU5OTQsMC4wMjA4Mzk5NTQ2IEMxMC45NTY1Nzc0LDAuMDIwODM5OTU0NiAxMS4yOTg2NjY0LDAuMzY0NTcwNTY0IDExLjI5ODY2NjQsMC43ODg1NzM1OTEgQzExLjI5ODY2NjQsMS4yMTMwOTExOCAxMC45NTY1Nzc0LDEuNTU2ODIxNzkgMTAuNTM0NTk5NCwxLjU1NjgyMTc5IFoiIGlkPSLlnIbop5Lnn6nlvaItMS3lia/mnKwiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
            background-size:12px 12px;
            background-repeat: no-repeat;
            background-position: 5px center;
            text-align: right;
        }
    }
    .case{
        position:absolute;
        top:0px;
        width:120px;
        height:64px;
        border:4px solid #02a8e3;
        z-index: 100;
    }
    .thumbPic{
        position:absolute;
        height:100%;
        width: auto;
        .item{
            display: inline-block;
            height:100%;
        }
    }
}