﻿@charset "utf-8";
body { margin: 0px; padding: 0px; background:#000; background-image: url(http://pic1.qiyipic.com/common/20150527/bg1.jpg); background-position:top center; font-family: "微软雅黑", "方正美黑简体", "宋体"}
img { border: 0px; }
.container { margin: 0px auto 0px auto; padding: 0px; width: 980px; height: 3250px;  }
#banner { margin: 0px auto 0px auto; padding: 0px; width: 980px; height: 520px; background-image: url(http://pic1.qiyipic.com/common/20150402/2015AprilAnimeIntro/images/banner_B.jpg)}
.slides { margin: 0px auto; width: 980px; height: 520px; overflow: hidden; position: relative; }
.slide-pic { margin: 0px; padding: 0px; width: 980px; overflow: hidden; list-style: none; }
    .slide-pic img { width: 980px; height: 520px; }
    .slide-pic li { display: none; }
        .slide-pic li.cur { display: block; }
.slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; }
    .slide-li li { margin: 0px; padding: 0px; width: 190px; height: 5px; float: left; overflow: hidden; list-style: none; }
    .slide-li a { width: 150px; height: 5px; color: #000; font-size: 12px; display: block; }
        .slide-li a:hover { color: #F00; text-decoration: none; }
.op li { background: #ffffff; filter: alpha(opacity=0); opacity: 0; }
    .op li.cur { background: #666666; }
.slide-txt span { display: none; }


.anime_element { width:980px; height:310px; position:relative;}
#fate_stay_night_UBW_2nd{background-image:url(http://pic1.qiyipic.com/common/20150402/2015AprilAnimeIntro/images/fate_stay_night_UBW_2nd.jpg)}
#Shokugeki_no_Soma{background-image:url(http://pic1.qiyipic.com/common/20150402/2015AprilAnimeIntro/images/Shokugeki_no_Soma.jpg)}
#The_Heroic_Legend_of_Arslan{background-image:url(http://pic1.qiyipic.com/common/20150402/2015AprilAnimeIntro/images/The_Heroic_Legend_of_Arslan.jpg)}
#Saint_Seiya_soul_of_gold{background-image:url(http://pic1.qiyipic.com/common/20150402/2015AprilAnimeIntro/images/Saint_Seiya_soul_of_gold.jpg)}
#Knights_of_Sidonia_2nd{background-image:url(http://pic1.qiyipic.com/common/20150402/2015AprilAnimeIntro/images/Knights_of_Sidonia_2nd.jpg)}
#my_romantic_comedy_is_wrong{background-image:url(http://pic1.qiyipic.com/common/20150402/2015AprilAnimeIntro/images/my_romantic_comedy_is_wrong.jpg)}

.button_1{position:absolute; width:150px; height:50px;}
.button_1:hover {opacity: 0.8;}
#button_left { left:40px; bottom:30px;}
#button_left_a { left:40px; bottom:50px;}
#button_left_b { left:40px; bottom:0px;}
#button_right { right:40px; bottom:30px;}
#button_right_a { right:40px; bottom:50px;}
#button_right_b { right:40px; bottom:0px;}

.time{position:absolute; width:400px; height:36px;}
#time_left{ left:210px; bottom:5px;}
#time_right{ right:210px; bottom:5px;}

#more_title { width:980px; height:80px; background-image:url(http://pic1.qiyipic.com/common/20150402/2015AprilAnimeIntro/images/more_title.jpg)}
#more_element { width:980px; height:800px; background-image:url(http://pic1.qiyipic.com/common/20150402/2015AprilAnimeIntro/images/more_element_B.jpg); background-repeat:repeat-y;}
.more_element_example{ margin:20px 25px 20px; width:190px; height:220px; float:left; border-radius: 10px;border-color: #FFF;border-width: 2px;border-style: solid;overflow: hidden;position:relative;-moz-box-shadow:1px 1px 4px  #000; -webkit-box-shadow:1px 1px 4px #000; box-shadow:1px 1px 4px  #000;}
.more_element_example:hover {-moz-box-shadow:1px 1px 8px  #0099FF; -webkit-box-shadow:1px 1px 8px #0099FF; box-shadow:1px 1px 8px  #0099FF;}