/* CSS Document */

.txt1,.txt2{ line-height:25px; padding-top:30px; position:relative; overflow:hidden;}
.txt2{ padding-bottom:20px;}
.txt1 .txt1_left{ float:left; width:60%;}
.txt1 .txt1_right{ float:right; width:40%;}
.txt1 .txt1_right img{ width:95%; float:right; margin-top:10px;}

.txt3{ background-image: url(../images/movie_file/info_box_bg.jpg); margin:30px 0; width:100%;  position:relative; -webkit-border-radius: 15px; border-radius:15px; border:3px #FFF solid;  }
.txt3 h5{ padding:30px 0 0 0;}
.txt3 h5 img{ margin:auto;}
.txt3 i{ background-image: url(../images/movie_file/ding.png); background-repeat: no-repeat; display:block; position:absolute; width:20px; height:20px; background-size:100% 100%; }
.txt3 .ding1{ left:20px; top:20px;}
.txt3 .ding2{ right:20px; top:20px;}
.txt3 .ding3{ left:20px; bottom:20px;}
.txt3 .ding4{ right:20px; bottom:20px;}
.txt3 p{ padding:10px 10px 60px 15px; line-height:25px;}

/* trailer */
#trailer{ width: 100%; margin:auto; padding:20px 0 20px 0; }
#trailer .movie { margin:auto; position:relative;}
#trailer  h5{ padding:20px 0 40px 0; text-align:center;}
#trailer  h5 img{ margin:auto; height:25px;}
#trailer .movie i{ display:block; width:40px; height:40px; position:absolute;}
#trailer .movie .zfx1{ border-left:1px #FFF solid; border-top:1px #FFF solid; left:-20px; top:-20px;}
#trailer .movie .zfx2{ border-right:1px #FFF solid; border-top:1px #FFF solid; right:-20px; top:-20px; }
#trailer .movie .zfx3{ border-right:1px #FFF solid; border-bottom:1px #FFF solid; right:-20px; bottom:-20px;}
#trailer .movie .zfx4{ border-left:1px #FFF solid; border-bottom:1px #FFF solid; left:-20px; bottom:-20px;}
#trailer .movie img{ display:block; width:100%;}
#trailer .movie .play{ position:relative;}
#trailer .movie .play .playBtn{ display: block; width:50px; height:50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; background-image: url(../images/icon-play.png); background-repeat: no-repeat; text-indent: -9999px; z-index: 2; background-size:100% 100%; cursor:pointer; }

/* MV */
#mv{ width: 100%; margin:auto; padding:20px 0 20px 0; }
#mv .movie { margin:auto; position:relative;}
#mv  h5{ padding:20px 0 40px 0; text-align:center;}
#mv  h5 img{ margin:auto; height:25px;}
#mv .movie i{ display:block; width:40px; height:40px; position:absolute;}
#mv .movie .zfx1{ border-left:1px #FFF solid; border-top:1px #FFF solid; left:-20px; top:-20px;}
#mv .movie .zfx2{ border-right:1px #FFF solid; border-top:1px #FFF solid; right:-20px; top:-20px; }
#mv .movie .zfx3{ border-right:1px #FFF solid; border-bottom:1px #FFF solid; right:-20px; bottom:-20px;}
#mv .movie .zfx4{ border-left:1px #FFF solid; border-bottom:1px #FFF solid; left:-20px; bottom:-20px;}
#mv .movie img{ display:block; width:100%;}
#mv .movie .play{ position:relative;}
#mv .movie .play .playMvBtn{ display: block; width:50px; height:50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; background-image: url(../images/icon-play.png); background-repeat: no-repeat; text-indent: -9999px; z-index: 2; background-size:100% 100%; cursor:pointer; }

/*pop box*/
.mask { background-color: #000; opacity: 0.5; position: fixed; left: 0; top: 0; z-index: 101; }
#poster { z-index: 102; margin-bottom: 3px; display: none; position: absolute; background-color: #FFF; box-shadow: 5px 5px 20px #333;}
#poster .close { display: block; position: absolute; top: 10px; right: 10px; text-align: center; line-height: 25px; font-size: 2.5em; color: #000; width: 30px; height: 30px; }
#poster .info{ text-align:center;}
#poster .info img{ width:100%; display:block; margin:auto;}
.table_en td{ padding:5px 0;}
.table_en{ line-height:18px;}