/* 弹出窗口 */
.shadow_layout {
    position:fixed;
    left:0;
    top:0;
    display:none;
    width:100%;
    height:100%;
    z-index:9999990;
    background:#000;
    opacity:0.8;
    filter:alpha(opacity=80);
}
.outter {
    position:fixed;
    top:0;
    left:50%;
    display:none;
    width:1024px;
    height:666px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin-left: -512px;
    z-index:9999999;
}
.outter_full {
    position:fixed;
    top:0;
    left:0;
    display:none;
    width:100%;
    height:100%;
    z-index:9999999;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#time_counter {
    position:absolute;
    right:0;
    top:0;
    width:180px;
    height:30px;
    line-height:30px;
    color:#fff;
    letter-spacing:1px;
    font-size: 18px;
    z-index: 9999;
}
.movie_close {
    position:absolute;
    right:-45px;
    top:0;
    width:35px;
    height:35px;
    display:block;
    background:#f30;
    color:#fff;
    font-size:20px;
    text-align:center;
    line-height:35px;
    text-decoration:none;
    transition: all 0.5s ease;
}
.movie_close:hover {
    text-decoration:none;
}
.movie_close2 {
    position:absolute;
    left:50%;
    bottom:30px;
    margin-left: -75px;
    display:block;
    width:150px;
    height:70px;
    text-decoration:none;
    background-image: url("/images/slide-arrow.png");
    z-index: 9999;
}
.movie_close2:hover {
    text-decoration:none;
    background-position: 0 -70px;
}
.img_target{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 9998;
}
#outter_full.on,#shadow_layout.on{
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    box-shadow: 0 0 20px #000;
}
#outter_full.off,#shadow_layout.off{
    -webkit-transform: translate(0%, -100%);
    -moz-transform: translate(0%, -100%);
    -ms-transform: translate(0%, -100%);
    -o-transform: translate(0%, -100%);
    transform: translate(0%, -100%);
    box-shadow: 0 0 0 #000;
}

.pop_iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}
