/* CSS Document */
.tips{ background-image: url(../images/movie_file/info_box_bg.jpg); width:100%;  position:relative; -webkit-border-radius: 15px;
    border-radius:15px; border:2px #FFF solid;   }
.tips h5{ padding:60px 0 0 0; text-align:center;}
.tips i{ background-image: url(../images/movie_file/ding.png); background-repeat: no-repeat; display:block; position:absolute; width:15px; height:15px; background-size:100% 100%; }
.tips .ding1{ left:10px; top:10px;}
.tips .ding2{ right:10px; top:10px;}
.tips .ding3{ left:10px; bottom:10px;}
.tips .ding4{ right:10px; bottom:10px;}
.tips p{ text-align:center; line-height:25px; padding:40px 5px;}
.tips p span{ display:block; font-size:1em; font-weight:bold;}
.itemName{ padding:20px 0;  }
.txt1{ padding-top:40px;}
.txt1 ul,.txt2 ul{ margin-left:27px; line-height:25px;}
.txt1 li{ list-style-type: decimal; }
.txt2 li{ list-style-type: disc; margin-top:10px;}
.txt2 .itemName{ padding-bottom:0px;}
.buyBtn{ padding:20px 0;}
.buyBtn a{ margin:auto; background-image: url(../images/more-bg2.png); background-repeat: no-repeat; text-align: center; height: 32px; width: 109px; line-height: 32px; color: #000; text-decoration: none; display: block;background-size:100% 100%; }
.buyBtn a:hover{opacity:0.8;}

/* 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; }