*{margin:0;padding:0}
ul,ol{list-style:none}
a{text-decoration:none;color:#576b95;}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}

.font1_1{color:#333333;font-size:14px}
a.font1_1:hover{color:#f30}
.font1_2{color:#333333;font-size:14px}
a.font1_2:hover{color:#f30}
.font1_2d{color:#a59ea3;font-size:14px}
a.font1_2d:hover{color:#f30}
.font2_1{color:#0099ff;font-size:14px}
a.font2_1:hover{color:#0099ff;font-size:14px}
.font2_2{color:#0099ff;font-size:14px}
a.font2_2:hover{color:#0099ff}

body{background:#f0f0f0;color:#333333;font-size:15px;font-family:-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;line-height:1.75}

.wrap{width:1190px;height: 100%;margin:0 auto;}

.topBar{width: 100%; height: 32px; line-height: 32px; background: #f6f6f6; border-bottom: 1px solid #e9e9e9; font-size: 13px; color: #666;}

.notice{float: left;width: 300px;background: url(/img/notice.png) 0 5px no-repeat;padding: 0 0 0 20px;}
.favorite{float: right;width: 200px;text-align: right;color: #666;}
.favorite a{color: #666;margin: 0 0 0 15px;}
.topLogo{width: 100%;background: url(/img/topback.png) 0 1px repeat-x;height: 88px;}
.logo{float:left;overflow:hidden;margin:0 auto;width:200px;    height: 88px;}
.logo img{margin: 24px 0;width: 200px;height: 40px;}
.search{float: right;width: 600px;height: 88px;}	
.searchBox{border: 2px solid #0099ff; height: 36px; width: 420px; float: right; margin: 24px 0;}
.searchInput{width: 330px; height: 36px;line-height: 36px;  border: 0; float: left; font-size: 16px; color: #999999; padding: 0 0 0 10px;}
.searchBox input:focus {outline: none; border: none;box-shadow: none;}
.searchBtn {width: 80px; height: 36px; float: left; border: 0; color: #ffffff; font-size: 18px; background: #0099ff; cursor: pointer;}
.topMenu{width: 100%;height: 50px; line-height: 50px;background: #0099ff; }
.menuList{width:1190px;margin:0 auto;overflow: hidden;}
.menuList ul li{float:left;width:fit-content;overflow: hidden;text-align: center;}
.menuList ul li.active{background: #00aaff;    width: 60px;}
.menuList ul li:hover{background:#ff8600;color:#fff;text-decoration:none;}
.menuList ul li a{ color: #fbfbfb; font-size: 16px; font-weight: bold; padding: 0 8px;text-decoration: none;}

/* 列表-文章 当前位置*/

.position{width: 1190px; margin: 10px auto 0 auto; padding: 0 0px; font-size: 16px;}
.position a{color:#333}
.position span{margin: 0 2px;color:#999999}
.position span.update{float:right;margin: 0;} /* 院校库page*/
/* 列表-文章 导航 */

.navmenu{width: 1175px;margin: 10px auto 0 auto;overflow: hidden;padding: 10px 0px 0px 15px;background: #ffffff;}
.navmenu ul{overflow:hidden;width:1175px;}
.navmenu ul li{float: left;margin: 0 14px 10px 0;}
.navmenu ul li a{font-size: 16px;}
.navmenu ul li a:hover{color: #ff8800;font-weight: bold;text-decoration:none;}
.navmenu ul li.selected a{color: #0099ff;font-weight: bold;}

.navmenu .second{}
.navmenu .second .firstname a{color: #333333;font-weight: bold;}

.navmenu .third{padding-top:10px;border-top: 1px dashed #cecece; }

.navmenu .third .secondname{}
.navmenu .third .secondname a{color: #333333;font-weight: bold;}

/* 高考院校库文章 导航 */

.tabsmenu{}

.tabsmenu input.tabs{display:none}
.tabsmenu input.tabs+label{float: left; display: block; text-align: center; font-size: 16px; cursor: pointer; margin: 0px 15px 0 0; padding: 0 0 5px 0;}
.tabsmenu input.tabs:checked+label{font-weight: bold; border-bottom: 3px solid #0099ff;color: #0099ff;}
.tabsmenu input#tab1:checked~div#view1{display:block}
.tabsmenu input#tab2:checked~div#view2{display:block}
.tabsmenu input#tab3:checked~div#view3{display:block}
.tabsmenu input#tab4:checked~div#view4{display:block}
.tabsmenu input#tab5:checked~div#view5{display:block}

.tabsmenu .tabsview{float: left;width: 100%;display:none;padding:8px 0 8px 0;background: #ffffff; border-top: 1px solid #e6e6e6;}
.tabsmenu .tabsview ul {width: 100%;overflow: hidden; margin: 0 auto; }
.tabsmenu .tabsview ul li{float: left; text-align: center; margin: 0 15px 0px 0px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.tabsmenu .tabsview ul li a{font-size: 16px; }
.tabsmenu .tabsview ul li a:hover{color: #ff8800;font-weight: bold;text-decoration:none;}
.tabsmenu .tabsview ul li.selected a{color: #0099ff;font-weight: bold;}

/*首页*/

.menuh2{font-weight: 700; font-size: 20px;height: 24px; line-height: 24px; margin: 10px 0 10px 0px; color: #0099ff;float: left;width: 1190px;border-left: 5px solid #0099ff; padding: 0 0 0 10px;}

.menubox {background: #ffffff; float: left; margin: 10px 0 0 0; padding: 0; width: 1190px;}

.menuitem {padding: 15px 0px 0 15px; width: 1175px; float: left; margin: 0;}
.menuitem ul li	{float: left; text-align: center; margin: 0; padding: 0; }
.menuitem ul li a{font-size: 15px; width: 66px; padding: 1px 4px; background: #f3f3f3; margin: 0 14px 15px 0; float: left;border: 1px solid #e6e6e6;}
.menuitem ul li a:hover{background-color: #ff8600; color:#ffffff;text-decoration:none}

.indexnews{float: left; overflow: hidden; padding: 0; width: 1190px;  margin: 10px 0;}
.indexnews h2{font-weight: bold; font-size: 19px; height: 24px; line-height: 24px; margin: 0; color: #0099ff; background: #f9f9f9; padding: 15px 15px;}
.indexnews h2 span{float: right;margin-right: 20px;color: #555;font-size: 18px;}
.indexnews ul li{float: left; padding: 20px 0 20px 20px; width: 575px; background: #fefefe; border-top: 1px solid #efefef;margin: 0 0 10px 0;}
.indexnews ul li:hover{background-color:#f8f8f8}
.indexnews .a{width: 150px;height: 100px;overflow: hidden;float: left;}
.indexnews .a img{float: left;overflow: hidden;width: 150px;height: 100px;object-fit: contain;}
.indexnews .b{float:left;width:370px;height: 100px;margin-left:25px}
.indexnews .b h3{font-size:16px;overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;font-weight: bold;line-height: 1.75;height: 56px}
.indexnews .b .time{float: left; width: 100%; color: #888; height: 24px; font-size: 14px; line-height: 24px; margin-top: 16px;}


/* 栏目区域 */

.listBody{width:1190px;margin:0 auto;}
.listareaL{float:left;width:840px}
.listareaR{float:right;width:340px;overflow:hidden;}

.listnews{float: left;margin: 10px 0 0 0;}

/* 双栏列表 */

.listBox2{background:#fefefe;width:415px;overflow:hidden;float:left;margin:0px 10px 10px 0}
.listBox2 h2{padding: 8px 0 8px 20px; font-size: 16px; background: #f9f9f9;}
.listBox2 h2 a{color:#333333;}
.listBox2 h2 span {float: right;}
.listBox2 h2 span a{color: #999999;font-size: 16px;padding: 0 20px 0 0;font-weight:normal;}

.listBox2 .listBox2news{float:left;margin:0 10px 10px 0;width:415px;background:#fefefe}
.listBox2 .listBox2news ul{}
.listBox2 .listBox2news ul li{float:left;padding:10px 0 10px 20px;width:390px;border-top:1px solid #efefef}
.listBox2 .listBox2news ul li:hover{background-color:#fcfcfc}
.listBox2 .listBox2news ul li .a{float:left;overflow:hidden;width:120px;height:90px;margin-right:15px}
.listBox2 .listBox2news ul li .a img{width:120px;height:90px;object-fit: contain;}
.listBox2 .listBox2news ul li .b{float:left;width:255px;height:90px;overflow:hidden;line-height:1.6}
.listBox2 .listBox2news ul li .b h3{float: left; overflow: hidden; font-size: 16px;text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal; line-height: 1.6; height: 68px;}
.listBox2 .listBox2news ul li .b .time {float: left; width: 100%; color: #888; height: 20px; font-size: 13px; line-height: 20px; }

/* 默认列表 */

.listBox {float:left;width:840px}

.listBox h2 {float: left; width: 820px; font-weight: bold; border-bottom: 1px solid #efefef; padding: 8px 0 8px 20px; font-size: 16px; background: #f9f9f9;}
.listBox ul {float: left;width: 840px;}
.listBox ul li{padding: 20px 0 20px 20px;float: left;margin: 0 0 10px 0;background: #fefefe;width: 820px;}
.listBox ul li:hover{background-color:#fafafa}
.listBox ul li .a{float:left;overflow:hidden;}
.listBox ul li .a .img{overflow:hidden;width:180px;height:120px;border:1px #f5f5f5 solid;}
.listBox ul li .a img{width:180px;height:120px;object-fit: contain;}
.listBox ul li .b{float:left;overflow:hidden;margin:0 10px 0 30px;width:580px;line-height:1.75}
.listBox ul li .b h3{float:left;width: 100%;overflow:hidden;height:60px;line-height:30px;font-size: 18px;}
.listBox ul li .b .time{float: left; width: 100%; color: #888; height: 24px; font-size: 14px; line-height: 24px; margin-top: 30px;}


.listNav{float: left; width: 840px; text-align: center; margin: 20px 0;}
.listNav ul li{display: inline; margin: 0 2px; padding: 3px 8px; border: 1px solid #cccccc; background: #ffffff; color: #666666;}
.listNav ul li.active{color: #ff3300;}

/* 内容区域 */

.newsBody{width:1190px;margin:0 auto;}
.newsareaL{float:left;width:840px;overflow:hidden;}
.newsareaR{float:right;width:340px;overflow:hidden;}

#article{float: left; margin:10px 0 0 0; padding: 0 20px 20px 20px; width: 800px; background: #fefefe; overflow:hidden;}
#article h1{margin: 30px 0 20px 0;font-size: 22px; text-align: center; float: left; width: 100%;}
#article .update{ color: #999; font-size: 13px; text-align: center; float: left; width: 100%; border-bottom: 2px dashed #eee; padding: 0 0 10px 0;}
.content {float: left; width: 100%;font-size:16px;font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;line-height:1.75;word-break:break-all;color:#333;margin-top: 20px; overflow: hidden;}
.content a{color:#00aaff}
.content p{margin:0 0 24px 0;}
.content div{margin:0 0 24px 0;}
.content h2{margin:0 0 24px 0;font-size:18px;}
.content h3{margin:0 0 24px 0;font-size:16px;}
.content .tablebox { width: 100%; overflow: auto;margin:0;}
.content table{width:100%;margin:0 0 24px 0;text-align: center;border-collapse:collapse;border-spacing:0;}
.content table .tablehead {}
.content table th{border: 1px solid #333333;}
.content table td{border: 1px solid #333333;}

.content table.hasback tr {height: 36px;}
.content table.hasback tr:nth-child(2n+1) {background-color: #f6f6f6;}
.content table.hasback tr td {border: 1px solid #e6e6e6;}

.content img{margin:0 0 24px 0;max-width:780px;border:#dddddd solid 1px;padding:9px;background:#f6f6f6;}
.content embed{width:100%}
.content .keyWord{color:#333333;;text-decoration:none}

.content table p{margin:0;}
.content table div{margin:0;}
.content table h2{margin:0;}
.content table h3{margin:0;}

.content p img{margin:0;}
.content div img{margin:0;}
.content h2 img{margin:0;}
.content table img{margin:0;}

/*文章翻页*/

/*可能到content外*/
.pageNav{margin:0 0 20px 0;text-align: center;}
.pageNav ul li{display:inline;margin:0 3px;padding: 1px 8px 2px 8px;background:#f9f9f9;border:1px solid #cccccc;}
.pageNav ul li a{color:#576b95}
.pageNav ul li span{color:#999999}/*不可点*/
.pageNav ul li .active{color:red;}/*选中*/

.mark{ float: left; width: 100%;margin: 5px 0 10px 0; height: 28px; line-height: 28px;}
.mark a{height: 28px; line-height: 28px; margin: 0 10px 0 0;}
.mark a:hover{text-decoration:none;color:#ff8800;font-weight:bold}

/*阅读全文*/

#readAll {float: left; width: 100%; background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(50%, #fff)); background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 50%); position: relative; z-index: 99; padding-top: 120px; margin-top: -120px; padding-bottom: 50px; text-align: center;}
#readAll_btn {border: 0;cursor: pointer;font-weight: bold; font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif; width: 150px; text-align: center; height: 45px; background: #0099ff; color: #ffffff; font-size: 18px;border-radius: 25px;}

/* 相关推荐 */

.marknews{float:left;overflow:hidden;;width:840px;background: #fefefe;margin: 10px 0 0 0;}
.marknews h2{font-size: 18px; height: 24px; line-height: 24px; padding: 15px 0 15px 20px; background: #f9f9f9;}
.marknews h2 span{float: right;margin-right: 20px;}
.marknews h2 span a{color: #999999;font-weight:normal;}
.marknews ul li{float: left; padding: 20px 0 20px 20px; width: 820px; background: #fefefe; border-top: 1px solid #efefef;}
.marknews ul li:hover{background-color:#f8f8f8}
.marknews .a{width: 180px;height: 120px;overflow: hidden;float: left;}
.marknews .a img{float: left;overflow: hidden;width: 180px;height: 120px;object-fit: contain;}
.marknews .b{float:left;width:580px;height: 120px;margin-left:30px}
.marknews .b h3{font-size:18px;overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;font-weight: bold;line-height: 1.75;height: 60px}
.marknews .b .time{float: left; width: 100%; color: #888; height: 24px; font-size: 14px; line-height: 24px; margin-top: 30px;}

.hotnews{float:left;overflow:hidden;;width:840px;background: #fefefe;margin: 10px 0 0 0}
.hotnews h2{font-size: 18px; height: 24px; line-height: 24px; padding: 15px 0 15px 20px; background: #f9f9f9;}
.hotnews h2 span{float: right;margin-right: 20px;color: #555;font-size: 18px;}
.hotnews ul li{float: left; padding: 20px 0 20px 20px; width: 820px; background: #fefefe; border-top: 1px solid #efefef;}
.hotnews ul li:hover{background-color:#f8f8f8}
.hotnews .a{width: 180px;height: 120px;overflow: hidden;float: left;}
.hotnews .a img{float: left;overflow: hidden;width: 180px;height: 120px;object-fit: contain;}
.hotnews .b{float:left;width:580px;height: 120px;margin-left:30px}
.hotnews .b h3{font-size:18px;overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;font-weight: bold;line-height: 1.75;height: 60px}
.hotnews .b	.time{float: left; width: 100%; color: #888; height: 24px; font-size: 14px; line-height: 24px; margin-top: 30px;}

.shangxia{float:left;margin:10px 0 0 0;padding:10px 0 10px 10px;width:828px;border:1px solid #f3f3f3;border-radius:2px;background:#fefefe;box-shadow:0 1px 3px rgba(0,37,55,.05)}
.shang{margin:0 15px 10px 0;font-size: 16px;}
.xia{margin:0 15px 0 0;font-size: 16px;}
.qwlb{float:right;}
.qwsy{float:right;}

/* 右侧区域 */

.rightbox{float: right; margin: 10px 0 0 0; width: 340px; background: #fefefe;}
.rightbox h2{padding: 8px 0 8px 15px; font-size: 16px; background: #f9f9f9; border-bottom: 1px solid #efefef;}
.rightbox ul{width: 325px; overflow: hidden; padding: 15px 0 3px 15px;}

.rightbox ul li{float: left; text-align: center; margin: 0 12px 12px 0; background: #f6f6f6; border: 1px solid #e6e6e6;}
.rightbox ul li:hover{background:#ff8800;}
.rightbox ul li a{float: left; width: 67px; padding: 0; font-size: 14px;}
.rightbox ul li a:hover{color:#fff;text-decoration:none;}

/* 院校库学校列表 */
.rightbox table {overflow: hidden; margin: 13px 15px 15px 15px; text-align: center; width: 310px; border-spacing: 0; border-collapse: collapse;}
.rightbox table tr:nth-child(2n+1) {background-color: #f6f6f6;}
.rightbox table tr td {border: 1px solid #dddddd;}

.recom{float:right;margin:10px 0 0 0;width:340px;background:#fefefe;}
.recom h2{padding: 8px 0 8px 15px; font-size: 16px; background: #f9f9f9; }
.recom ul{overflow:hidden;width:340px}
.recom ul li{float:left;overflow:hidden;padding:14px 0;width:100%;border-top:1px solid #efefef}
.recom .a{float: left; overflow: hidden; margin-left: 15px; width: 110px; height: 75px;}
.recom .a img{float: left; overflow: hidden; width: 110px; height: 75px; object-fit: contain;}
.recom .b{height: 75px; width: 200px; padding: 0 5px 0 10px; overflow: hidden; float: left;}
.recom .b h3{float: left; margin:-2px 0 0 0; font-size: 16px; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal; line-height: 1.6; height: 55px;}
.recom .b .time {float: left; width: 100%; color: #888; height: 23px; font-size: 13px; line-height: 23px;}

.new{float:right;margin:10px 0 0 0;width:340px;background:#fefefe;}
.new h2{padding: 8px 0 8px 15px; font-size: 16px; background: #f9f9f9; }
.new ul{overflow:hidden;width:340px}
.new ul li{float:left;overflow:hidden;padding:14px 0;width:100%;border-top:1px solid #efefef}
.new .a{float: left; overflow: hidden; margin-left: 15px; width: 110px; height: 75px;}
.new .a img{float: left; overflow: hidden; width: 110px; height: 75px; object-fit: contain;}
.new .b{height: 75px; width: 200px; padding: 0 5px 0 10px; overflow: hidden; float: left;}
.new .b h3{float: left; margin:-2px 0 0 0; font-size: 16px; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal; line-height: 1.6; height: 55px;}
.new .b .time {float: left; width: 100%; color: #888; height: 23px; font-size: 13px; line-height: 23px;}

/* 院校专题页面 */

.school_desc{margin: 10px auto 0 auto; padding: 15px 20px; width: 1150px; background: #ffffff;}
.school_desc p	{font-size: 17px;}

.school_fenlei {float: left; width: 820px; margin: 10px 0 0 0; background: #f9f9f9; text-align: left; padding: 8px 0 5px 20px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #efefef;}

.listBox ul.school_nav {float: left; width: 820px; margin: 0 0 10px 0; padding: 15px 0 0 20px; background: #ffffff;}

.listBox ul.school_nav li{float: left; text-align: center; margin: 0 15px 15px 0; background: #f6f6f6; border: 1px solid #e6e6e6; width: 74px; padding: 0;}
.listBox ul.school_nav  li:hover{background:#ff8800;}
.listBox ul.school_nav  li a{font-size: 15px;}
.listBox ul.school_nav  li a:hover{color:#fff;font-weight:bold;text-decoration:none;}

/* 友情链接 */

.friendlink{float: left; margin: 10px 0 20px 0; width: 100%; font-size: 14px;}
.friendlink span{color: #333;}
.friendlink a{margin: 0 0 0 15px; color: #666;}

/* 底部 */

.bottomBody{float:left;margin:0 auto;width:100%;background:#fff;padding:20px 0;border-top:1px solid #f3f3f3;margin-top:10px}

.Copyright{color:#666666;text-align:center;margin-top: 20px;}
.Copyright a{color:#666666;}
.Copyright .about {margin: 10px 0;}
.Copyright .beian {margin: 10px 0;display: none;}
.Copyright .beian img {margin-bottom: -4px;}


/* 查看大图 */

.viewer-close::before,.viewer-flip-horizontal::before,.viewer-flip-vertical::before,.viewer-fullscreen-exit::before,.viewer-fullscreen::before,.viewer-next::before,.viewer-one-to-one::before,.viewer-play::before,.viewer-prev::before,.viewer-reset::before,.viewer-rotate-left::before,.viewer-rotate-right::before,.viewer-zoom-in::before,.viewer-zoom-out::before{background-image:url(/img/viewimgico.png);background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}
.viewer-zoom-in::before{background-position:0 0;content:'Zoom In'}
.viewer-zoom-out::before{background-position:-20px 0;content:'Zoom Out'}
.viewer-one-to-one::before{background-position:-40px 0;content:'One to One'}
.viewer-reset::before{background-position:-60px 0;content:'Reset'}
.viewer-prev::before{background-position:-80px 0;content:'Previous'}
.viewer-play::before{background-position:-100px 0;content:'Play'}
.viewer-next::before{background-position:-120px 0;content:'Next'}
.viewer-rotate-left::before{background-position:-140px 0;content:'Rotate Left'}
.viewer-rotate-right::before{background-position:-160px 0;content:'Rotate Right'}
.viewer-flip-horizontal::before{background-position:-180px 0;content:'Flip Horizontal'}
.viewer-flip-vertical::before{background-position:-200px 0;content:'Flip Vertical'}
.viewer-fullscreen::before{background-position:-220px 0;content:'Enter Full Screen'}
.viewer-fullscreen-exit::before{background-position:-240px 0;content:'Exit Full Screen'}
.viewer-close::before{background-position:-260px 0;content:'Close'}
.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.viewer-container ::-moz-selection,.viewer-container::-moz-selection{background-color:transparent}
.viewer-container ::selection,.viewer-container::selection{background-color:transparent}
.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}
.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}
.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}
.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}
.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}
.viewer-list{-webkit-box-sizing:content-box;box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}
.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;-webkit-transition:opacity .15s;transition:opacity .15s;width:30px}
.viewer-list>li:hover{opacity:.75}
.viewer-list>li+li{margin-left:1px}
.viewer-list>.viewer-loading{position:relative}
.viewer-list>.viewer-loading::after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}
.viewer-list>.viewer-active,.viewer-list>.viewer-active:hover{opacity:1}
.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;left:0;position:absolute;right:0;top:0}
.viewer-player>img{left:0;position:absolute;top:0}
.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:3px 0}
.viewer-toolbar>ul>li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;-webkit-transition:background-color .15s;transition:background-color .15s;width:24px}
.viewer-toolbar>ul>li:hover{background-color:rgba(0,0,0,.8)}
.viewer-toolbar>ul>li::before{margin:2px}
.viewer-toolbar>ul>li+li{margin-left:1px}
.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}
.viewer-toolbar>ul>.viewer-small::before{margin:-1px}
.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}
.viewer-toolbar>ul>.viewer-large::before{margin:5px}
.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}
.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1;margin:0 5% 5px;max-width:90%;opacity:.8;overflow:hidden;text-overflow:ellipsis;-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap;display:none}
.viewer-title:hover{opacity:1}
.viewer-button{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;-webkit-transition:background-color .15s;transition:background-color .15s;width:80px}
.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}
.viewer-button::before{bottom:15px;left:15px;position:absolute}
.viewer-fixed{position:fixed}
.viewer-open{overflow:hidden}
.viewer-show{display:block}
.viewer-hide{display:none}
.viewer-backdrop{background-color:rgba(0,0,0,.8)}
.viewer-invisible{visibility:hidden}
.viewer-move{cursor:move;cursor:-webkit-grab;cursor:grab}
.viewer-fade{opacity:0}
.viewer-in{opacity:1}
.viewer-transition{-webkit-transition:all .3s;transition:all .3s}
@-webkit-keyframes viewer-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes viewer-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.viewer-loading::after{-webkit-animation:viewer-spinner 1s linear infinite;animation:viewer-spinner 1s linear infinite;border:4px solid rgba(255,255,255,.1);border-left-color:rgba(255,255,255,.5);border-radius:50%;content:'';display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}
@media (max-width:767px){.viewer-hide-xs-down{display:none}
}
@media (max-width:991px){.viewer-hide-sm-down{display:none}
}
@media (max-width:1199px){.viewer-hide-md-down{display:none}
}