@font-face{
    font-family:ghr;
    src:url(/static/icon/glyphicons-halflings-regular.eot);
    src:url(/static/icon/glyphicons-halflings-regular.eot) format('embedded-opentype'),url(/static/icon/glyphicons-halflings-regular.woff) format('woff'),url(/static/icon/glyphicons-halflings-regular.ttf) format('truetype'),url(/static/icon/glyphicons-halflings-regular.svg) format('svg')
}
@font-face{
    font-family: awesome;
    src:url(/static/icon/awesome.eot);
    src:url(/static/icon/awesome.eot) format('embedded-opentype'),url(/static/icon/awesome.woff) format('woff'),url(/static/icon/awesome.ttf) format('truetype'),url(/static/icon/awesome.svg) format('svg')
}

/* icon */
.icon { font-family: awesome; }
.icon-pre-search {
    position: absolute;
    top: 10px;
    background-color: #333;
    padding: 5px 10px;
    border-radius: 30px;
    cursor: pointer;
}
.icon-pre-search:after { content: "\F002"; font-size:26px; }

.icon-search {
    position: absolute;
    top: 8px;
    cursor: pointer;
}
.icon-search:after { content: "\F002"; font-size:24px; }

.icon-sousuo:before {
    content: '\F002';
    font-size: 24px;
}

.share.icon-instagram { color: #e60803; }
.icon-instagram:after { content: "\F16D"; }

.share.icon-twitter { color: #56cdf8; }
.icon-twitter:after { content: "\F081"; }

.share.icon-facebook { color: #4d72c2; }
.icon-facebook:after { content: "\F082"; }

.icon-bofang { position:absolute; top:2px; margin-left:6px; }
.icon-bofang::after { content:"\F01D"; font-size:20px; }

.icon-next-2::after { content:"\F107"; font-size:30px; }

.icon-close{
    position: absolute;
    top: 8px;
    right: 13px;
    cursor: pointer;
}
.icon-close:after{
    content: "\F00D";
    font-size: 24px;
}

.item-thumb .icon-play {
    display: block;
    text-align: center;
    margin-top: 0;
}
.v-box-item .icon-play{
    margin-top: 35%;
}
.item-widget-watch .icon-play { margin-top: 0; }
.recommend-box .icon-play { margin-top: 35%; }

.icon-play:after { content: "\F144"; font-size: 40px; color: #bbb; }


.icon-star { margin-right:5px; }
.icon-star:before { content: "\F005"; color: #FFCC00; }

.icon-right { position: absolute; top:0; right:15px;}
.icon-right:after { content: "\F105"; font-size: 16px; }

.icon-right-2::before {
    content: "\F0DA";
    font-size: 24px;
}

.icon-v-watch { position:absolute; bottom:5px; right: 8px; }
.icon-v-watch:after { content: "\F144"; color:#fff; font-size: 30px;  }

.icon-play-season { position: absolute; top: -4px; right: 0; }
.icon-play-season::after { content: "\F144"; font-size: 18px; color: #CC3333; }


.icon-ps:before {
    position: absolute;
    content: "\F0D9";
    font-size: 30px;
    color: #E4E4E4;
    padding-left: 0;
    padding-top: 90%;
}

.v-trailers-pre .icon-pre::after {
    position: absolute;
    content: "\E251";
    font-size: 22px;
    padding-left: 4px;
    padding-top: 34px;
}
.v-trailers-next .icon-next::after{
    position: absolute;
    content: "\E250";
    font-size: 22px;
    padding-left: 4px;
    padding-top: 34px;
}

.v-source-pre .icon-pre::after {
    position: absolute;
    content: "\E251";
    font-size: 22px;
    padding-left: 4px;
    padding-top: 34px;
}
.v-source-next .icon-next::after{
    position: absolute;
    content: "\E250";
    font-size: 22px;
    padding-left: 4px;
    padding-top: 34px;
}

.icon-v-play {
    position: absolute;
    top: 25%;
    left: 40%;
}
.icon-v-play::after{
    content: "\E029"; color:#fff; font-size: 25px; 
}

.item-widget-detail .icon-detail:after { padding-top: 52%; }
.icon-detail:after {
    position: absolute;
    content: "\F00B";
    font-size: 35px;
    padding-left: 40%;
    padding-top: 45%;
    color: #fff;
}

.icon-btn-pre { }
.icon-btn-pre::after { content:"\F104"; font-size: 30px; }

.icon-btn-next { }
.icon-btn-next::after { content:"\F105"; font-size: 30px; }


.icon-review-1 { }
.icon-review-1::after { content:"\F005"; color:#CC3333; }
.icon-review-2 { }
.icon-review-2::after { content:"\F006";  }

/* icon-2 */
.icon-2 { font-family: awesome; }
.play2 { display:block; text-align:center; margin-top:138%; }
.play2::after { content:"\F144"; color:#fff; font-size: 38px; }


/* icon-3*/
.icon-3 {
    font-family: ghr;
}

.icon3-v-play::after {
    content: "\E029";
    color: #fff;
    font-size: 26px;
}

/* loading */
.load-container {
    display: none;
    position: absolute;
    top: 12px;
    right: 20px;
    width: 25px;
    height: 25px;
}
.loading .loader {
    font-size: 10px;
    position: relative;
    border-top: 3px solid rgba(0, 0, 0, 0.2);
    border-right: 3px solid rgba(0, 0, 0, 0.5);
    border-bottom: 3px solid rgba(0, 0, 0, 0.8);
    border-left: 3px solid #000;
    -webkit-animation: act_loading 0.8s infinite linear;
    animation: act_loading 0.8s infinite linear;
}
.loading .loader, .loading .loader:after {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

@-webkit-keyframes act_loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}